TAG : Bootstrap

concrete5 Concrete5 で Bootstrap 3 を使ってみる

2013年9月9日

Concrete5(5.6.1.2) 日本語版で Bootstrap 3 を使ってみた際のメモ。 すでに作成してある HTML ファイル(実際には WordPress 用の index.php ファイル)を元に書き換えて作成。一応機能しているように見えるが、正しい方法かどうかは定かではない。 フォルダ、description.txt 、 thumbnail.png の作成、CSSの配置 themes ディレクトリに作成するテーマのフォルダを作成。フォルダー名は、半角英小文字数字のみで空白は不可。この例では「bs_c5」をする。 description.t…

続きを読む

htmlcss LESS を使って Bootstrap をカスタマイズ

2013年9月2日

Bootstrap(v3.0.0) には以下のようなボタンなどにあらかじめ用意されたオプション(クラス)がある。 btn-primary(青色) btn-success(緑色) btn-info(水色) btn-warning(オレンジ色) btn-danger(赤色) これらを独自のクラス名で使ったり、色を変更するなどのカスタマイズをする際のメモ。LESS のコンパイルには「Prepros」を使用。 準備 Bootstrap の LESS ファイルをダウンロード Bootstrap の「Getting started」ページの「Additional d…

続きを読む

wordpress Bootstrap 3 での IE8 対策

2013年8月27日

先日このサイトを Bootstrap 3 を使ってリニューアルして、IE のブラウザモードとドキュメントモードを IE8 にして確認したところ、ナビゲーションバーがスモールデバイス用のトグルメニューが表示されてしまっていました。 respond.min.js の読み込み おそらくメディアクエリを認識していないようで、実機で確認しても同じ状態だったので、調べたところ「respond.min.js」を body 要素の閉じタグの前に記述すると良いとあったので試してみたらうまく行きました。 もし同じ現象が起きていたら試してみると良いかもしれません。 Boots…

続きを読む

wordpress Bootstrap 3 を WordPress で使ってみる

2013年8月26日

Bootstrap 3 を WordPress で使った際のメモ。 目次 Bootstrap 3 のインストール Bootstrap の「Getting started」ページで「Download Bootstrap」をクリックして Bootstrap 3 をダウンロード。 「bootstrap-3.0.0-dist.zip」を解凍すると「dist」というフォルダの中に以下のようなファイルが収納されている。 コンポーネントをカスタマイズ(色やラウンドコーナーの値を変更)してダウンロードするには、「Customize」のページでそれぞれの値をカスタマイズし…

続きを読む