Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8660

Bootstrapの画面分割

$
0
0

Bootstrapの基本

html.
<html>
<div class="container">
  <div class="row">
    <div class="col-サイズ-割合">
  </div>
</div>
</html>

containerの中にrow、rowの中にcolを入れていく。
div class="col-サイズ-割合"
サイズ表:

xssmmdlg
~767px768~911px912~1119px1120px~
スマホタブレットPCPC大画面

割合:
画面を12分割し、割合を決めることで画面を分けることが簡単にできる。

例1:
col-lg-4
col-lg-4
col-lg-4
これらは横並びに3列均等に分割できる。


Viewing all articles
Browse latest Browse all 8660

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>