2013-08-28から1日間の記事一覧

麻婆ナス

なす 2本 ピーマン 1個 豚ひき肉 80g しょうゆ 大さじ2 砂糖 大さじ1 豆板醤 小さじ1.5 水 120cc 水溶き片栗粉(片栗粉小さじ1+水小さじ2) なす、ピーマンを切ってなすを焼く なすが焼けたら取り出して、ごま油でひき肉炒める ひき肉になすとピーマン入れ…

Bootstrap 3.0 #05(ドロップダウンメニュー)

btn-groupというdivを作る button要素のクラス指定 toggle(トグル)…ON/OFFの切り替えの仕組みのこと caret(キャレット)…「^」の記号のこと、▼が表示される span要素…インラインレベルのグループ、divと似てるけどdivはブロックレベル button要素の指定が…

Bootstrap 3.0 #04(ページのナビ)

ページネーション(paginetion) ul要素のクラス指定で作れる 作り方はパンくずリストと大体同じ laquo;で左矢印、raquo;で右矢印 liのclass="active"でいまいるページ li class="disabled"でリンクがクリックできなくなる(a要素に書かない) <ul class="pagination"> <li class="disabled"><a href="">&laquo;</a></li> <li class="active"><a href="">1</a></li> <li><a href="">2</a></li> <li></li></ul>

Bootstrap 3.0 #03(Navbar、パンくずリスト)

Navbar Navbarを作るときにはnavで囲む navbar-defaultでグレーっぽいやつ、navbar-inverseで黒っぽいやつ navbar-fixed-topをつけることで、スクロールしても常に上部に配置される navbarのヘッダにはa要素にclass="navbar-brand"をつけないと変な表示にな…

はてなブログの記事の幅を広げた

web

はてなブログのデザインは気に入っているのだけど表示幅が狭かったので広げた。「カスタマイズ」のデザインCSSに以下のように追加。 #container { width: 900px; margin: 0 auto; } #main { width: 800px; } mainのwidthが記事の幅になる。margin: 0 auto;を…

Bootstrap 3.0 #02(グリッド)

class="container"で中央寄せ 12のグリッドを分割するために、rowというクラスを作る rowで囲んだ中に合計12になるようなdivを作る rowで囲んだものを中央寄せしたいときには、全体を囲むdivを作ってclass="container" レスポンシブデザイン デバイス幅に応…