web-dev-qa-db-ja.com

Bootstrap 3 col-sm-offset-xはcol-md-x構造に影響します

私はこのコードを持っています<div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">とbootstrapもcol-md-12へのオフセットを作成しています。コードをチェックしていますが、これがなぜ起こっているのかわかりません。これは起こっていなかったと思います。以前は、コードの多くのステップを多分それが機能して何もないところまで戻ってきました。

オフセットを削除すると、想定どおりに機能しますが、小さい解像度ではオフセットがありません。

これは、問題を確認できるページです テストページ

「Especial52ºAniversario」を置くブロックです

助けてくれてありがとう

classtwitter-bootstrapgridoffset
21
amibumping

オフセットはsmから最大サイズまで適用されます。停止するには、col-md-offset-0より大きいサイズにオフセットが適用されるのを防ぎます。

69
DavidG

ブートストラップ3 =モバイルが最初。

.visible-sm classのようなヘルパーユーティリティを使用している場合を除き、xsの「サイズ」の範囲で適用したスタイルは、より大きな「サイズ」に引き継がれます。

狭い範囲に表示される1列のオフセットが必要な場合only：

    <div class="row">
      <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">
        <div class="col-sm-1 visible-sm"><div>
        <div>
          ...continue your content
        </div>
2
bob