BinaryDevelop
  1. ホーム
  2. twitter-bootstrap-3

[解決済み] Bootstrap 3 のオフセットが左でなく右にある

2023-01-26 02:04:35

質問

BS 3に関して、もし私が右側に狭いカラムのコンテンツが欲しい場合、オフセットクラスは9、カラムは3を使うかもしれません。

しかし、もし私がその逆で左側にしたい場合はどうでしょうか？BSでこれを行う適切な方法があるのでしょうか、それとも独自のCSSメソッドを使用すべきでしょうか？私は自分のコンテンツで3の列を作り、9の空いた列だけを作ろうと思っていました。

どのように解決するのですか？

Bootstrap の行は常にフロートを含み、新しい行を作成します。空白の列を埋めることを心配する必要はありませんが、列の数が12以上にならないようにだけ注意してください。 

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<div class="container">
  <div class="row">
    <div class="col-xs-3 col-xs-offset-9">
      I'm a right column of 3
    </div>
  </div>
  <div class="row">
    <div class="col-xs-3">
      I'm a left column of 3
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-body">
      And I'm some content below both columns
    </div>
  </div>
</div>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します