css bootstrapのメモ css

css bootstrapのメモ

-------------------------------------------------
.col-xs- モバイル（768px以下）
.col-sm- タブレット（768px以上、992px未満）
.col-md- デスクトップ（992px以上、1200px未満）
.col-lg- デスクトップ（1200px以上）
-------------------------------------------------

たとえば、
モバイル（768px以下）とタブレット（768px以上、992px未満）の場合は
の画面幅の場合は、中央一列でその下にサイドバー表示で
デスクトップ（992px以上、1200px未満）とデスクトップ（1200px以上）の場合は、
の画面幅の場合は、中央の横ににサイドバー表示する設定が以下

-------------------------------------------------
<div class="row">
<!-- 中央に割り当て -->
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">

<!-- サイドメニュー -->
<div class="col-md-3 col-lg-3">
</div>
/div>

-------------------------------------------------

要するに、.col-xs-★の場合
12/★の値が占領する列の数になる