Twitter Bootstrap3の半分の列


回答:


174

あなたはこれを試すことができます:

col-9を2つの部分に分割するだけです。

Bootplyhttp//www.bootply.com/128927

HTML

   <div class="col-xs-3">  col-xs-3 </div>
   <div class="col-xs-9">
      <div class="row">
         <div class="col-xs-6">col-xs-4.5</div>
         <div class="col-xs-6">col-xs-4.5  </div>
      </div>
   </div>

7
シュート...そのような考えはありませんでした。脳はすでにオーバークロックされています笑。どうもありがとうございます。それはとてもうまくいきます。:D
ネルダー2014

はい。私はそれを閉じるのを待っています。笑を閉じるには2分待つ必要があると言います。ありがとう^ _ ^
ネルダー2014

これは私にはうまくいきません!私はBootstrap3の最新バージョンを使用しており、col-md-9を使用しており、2つの等しい部分に分割したいと考えています。何か案は?:(
J86

1
@Ciwan col-mdは、「中」以上の画面用です。col-xsを使用すると、すべてのデバイスで機能します。「機能しない」と言う代わりに、フィドルを作成して、機能していないものを示します
。– BENARD Patrick 2014

したがってwidth: 80%;、col-md-6の内部のようにする必要はありません(たとえば、右側に空白が必要な場合)
nclsvh 2016年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.