ブートストラップの観点からこのコードを正しく入力することができますか？答えは「はい」と思います。問題は、行と列の間の追加タグについてです。ブートストラップグリッドシステム：このコードは正しいですか？
<div class="row">
<something>
<div class="col-sm-6">
a
</div>
<div class="col-sm-6">
b
</div>
</something>
</div>
P.S. <something>にはCSSスタイルはなく、AngularJSの指示です。
..
コンテンツは、列内に配置されなければならない、そして唯一の列は、行の 直下の子かもしれません。
ブートストラップrowには、カラムパディングを補正するための負のマージンがあります。 <something>はあなたの例で特に問題を引き起こすわけではありませんが、ブートストラップの観点からは最適ではありません。
このコードでは、somethingタグには、row divの12の列幅全体が与えられます。内部要素は、干渉する何かタグ上に何もない限り、関連するグリッドに分割されます。
私はこれが正常に動作すべきだと思うが、追記として、私は、通常の方法そしてあなたに必要に応じて簡単にsomethingセクションになどより多くの行を追加するオプションを与え、
<something>
<div class="row">
<div class="col-sm-6">
a
</div>
<div class="col-sm-6">
b
</div>
</div>
</something>
としてこれを書きます私の謙虚な意見の読みやすさを助けます。
私にはよさそうだが、私はあなたの「何か」の要素に応じて、それは基本的にcol-md-12と同じ目的を持っていますが、rowは、両方の左にあなたの-15pxの余裕を与えるだろう。この場合rowで
を変えることができると思いますそして右。水平スクロールバーを避けるには、div内のすべてのものをクラスcontainerでラップすることができます。 Bootstrap docsから
ここでは何も問題はありませんが、ブートストラップを使用する方が良い方法があります。
マイナスの余白とクリアフィックスを処理して、スタイルフローが正常かどうかを確認してください。
ちなみに、angularJsディレクティブのタグだけを使用する必要がある場合は、「コメントディレクティブ」を使用できます。
divの場合は...問題ありません.100％の幅になります。要素が実際に何であるかによって異なります。 –
はい、このコードは正しい形式のブートストラップの観点です。 –