2016-12-02 2 views
-2

私のコードは以下の通りです。.col-md-8の列が必要ですが、私はコンテンツを中心にするために.col-md-2クラスを使用しています。それはうまくいくが、私はちょうどよりクリーンな方法を探している。だから私はそれらのcol-md-2クラスを取り除く方法がありますか?無駄な列を取り除くにはどうすればいいですか?

<div class="row"> 
    <div class="col-md-2"></div> 
    <div class="col-md-8"> 
     MY CONTENT 
    </div> 
    <div class="col-md-2"></div> 
</div> 

また、col-md-offset-2を試してみました。この方法で私は最初に.col-md-2を取り除くことができますが、それは私に必要な.col-md-8を与えていません。

enter image description here

+0

「margin:0 auto'? – kukkuz

+2

_ "私が必要としている.col-md-8をあなたに与えていない" _あなたのコードに 'col-md-10'を書くと、_8_列幅を得ることは期待できません要素...これまでのところ、明らかです。 – CBroe

+0

かなり偏心した質問です。 Wahtはデフォルト動作の問題です。私はブートストラップがそのように設計されていることを意味しています。もしあなたがまだ物事を変えたいのであれば、cssとあなたのhtmlの調整があるので、それをもっときれいにすることは期待しないでください。 –

答えて

4

あなたは、たとえば、オフセットを使用することができます:結果は次のようになります

<div class="row"> 
    <div class="col-md-10 col-md-offset-2"> 
     MY CONTENT 
    </div> 
</div> 

だから

<div class="col-md-8 col-md-offset-2"> 
    MY CONTENT 
</div> 

それが動作するはずです、私は問題があるあなたの例で考えますcol-md-10を使用していて、col-md-8ではありません。 .rowの中にあなたの列がある限り、内容の後のスペースを無視することができます。

+0

'' col-md-2(void)] '' [col-md-8(content)] '' [col-md-2(void)]との違いは何ですか? :) – Mistalis

+0

私はあなたの質問を理解していません。 –

+0

あなたが提供したコードと、2つの 'col-md-2'の間でコンテンツを「中心化」するところの違いを理解したいと思います。 – Mistalis

関連する問題