css bootstrapのメモ

2015.11.02 Monday 23:49
0
    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/★の値が占領する列の数になる

    category:css | by:ittoocomments(0)trackbacks(0) | -

    スポンサーサイト

    2019.12.08 Sunday 23:49
    0
      category:- | by:スポンサードリンク | - | - | -
      Comment








         
      Trackback
      この記事のトラックバックURL

      ad
      Calender
      1234567
      891011121314
      15161718192021
      22232425262728
      293031    
      << December 2019 >>
      Selected entry
      PR
      Category
      Archives
      Recent comment
      • パス指定 SyntaxError: (unicode error) 'unicodeescape' codec can't decode bytes in position 2-4: truncated ¥xXX escape
        久米隆文
      • 円マークが自動変換されてる
        aaaaaa
      • マクドナルドでYahoo BBモバイルポイント 公衆無線LANサービスがつながらない
        66hills
      • マクドナルドでYahoo BBモバイルポイント 公衆無線LANサービスがつながらない
        ssd
      • マクドナルドでYahoo BBモバイルポイント 公衆無線LANサービスがつながらない
        max
      • マクドナルドでYahoo BBモバイルポイント 公衆無線LANサービスがつながらない
        DOM
      • マクドナルドでYahoo BBモバイルポイント 公衆無線LANサービスがつながらない
        DOM
      • コンピュータ業界の根本的な変化
        cloud
      • コンピュータ業界の根本的な変化
        Dellの仮想化
      • マクドナルドでYahoo BBモバイルポイント 公衆無線LANサービスがつながらない
        えちごや
      Recent trackback
      • スマートフォンの法人活用例
        無線LANネットのブログ
      • Yahoo!オークションからのアフィリエイト収入が一気に70%減になってしまい涙目になってる話
        特選情報
      Recommend
      Link
      Profile
      Search
      Others
      Mobile
      qrcode
      Powered
      無料ブログ作成サービス JUGEM