ブートストラップフルグリッド幅

私はブートストラップに取り組んでおり、モバイルでdivを全幅（12グリッド）にしようとしています。ブートストラップフルグリッド幅

<div class="col-md-9"></div>

私はそれがxsにmd上9しかし12になりたいです。誰がそれをどうやって行いますか？

try '

' –

通常は '

'のようになります。 lgは大画面用、中型はmdです。携帯の場合は、col-sm-12 –

携帯電話に別のクラスを使用する必要があります。彼らはsmかxsある場合：

<div class="col-md-9 col-xs-12"></div>

あなたがcol-sm-12を使用している場合、それはsmを使用するデバイスで、デスクトップとフルグリッドで9グリッドに表示されます。また、100%の幅が必要な場合は、.container*クラス内に要素をラップしないことをお勧めします。

FYI、docsから：

2016-05-03 11:07:55

でなければなりません。列クラスを最小から最大まで入れておくと良いでしょう。ブートストラップはモバイルでは最初です。[docs]（http：// getbootstrap .com/css /＃grid-example-mixed）。 – Vucko

@Vucko確かに。しかし、それは問題ではありません。 '

'は '

'と同じです。 CSSの定義はすべてを決定するものです。 '：）' –

私はそれが問題ではないことを知っていますが、それは "ベストプラクティス"だと言いましょう:)（私と私のOCDのために少なくとも：D） – Vucko

あなたがしたいと言っているとおりxsで12を加えた後、このクラスを追加する

<div class="col-md-9 col-xs-12"></div>

2016-05-03 11:09:13

答えて