- 追加された行はこの色です。
- 削除された行はこの色です。
&tag(Bootstrap3);
*目次 [#e6cbfae5]
#contents
*関連ページ [#n8bc65da]
*参考情報 [#c7e6ea87]
-[[Bootstrap3でさくっとWebサイトを作ってみよう | Designup:http://designup.jp/bootstrap3-3min-create-90/]] // Bootstrap3の使用例
*変更点 [#xc50e8d7]
-レスポンシブルを無効にしづらくなった。
*グリッド [#ia3fca41]
**グリッドを入れ子にする [#e4c1a648]
-入れ子にするときrowで囲む。その中は12から始まる。
#pre{{
<div class="container">
<div class="col-xs-6" style="background-color: #999;">列1</div>
<div class="col-xs-6" style="background-color: #bbb;">列2</div>
<div class="col-xs-8" style="background-color: #999;">列1</div>
<div class="col-xs-4" style="background-color: #bbb;">列2</div>
<div class="col-xs-8" style="background-color: #999;">
<div class="row">
<div class="col-xs-6" style="background-color: #777;">列1-1</div>
<div class="col-xs-6" style="background-color: #888;">列1-2</div>
</div>
</div>
<div class="col-xs-4" style="background-color: #bbb;">列2</div>
</div>
}}