デフォルトのTwitter Bootstrapを使用してdivを水平に整列させるCSS

CSSでdivを水平方向に整列させる方法は分かっています。幅を100％未満にする必要があり、左右両側に自動余白があります。私はTwitterブートストラップのこのデフォルトスタイルをしたい。私は追加のCSSを書く必要はありません。 Twitter Bootstrapで使用されるデフォルトのスタイルを使用して達成することができるかどうか疑問に思う。デフォルトのTwitter Bootstrapを使用してdivを水平に整列させるCSS

divの幅を設定するには、span*を使用しています。しかしspan*はfloat: leftです。 divの幅を設定できるクラスはありますか？float: leftは追加されませんか？

出典

2013-02-27 Debiprasad

試したワットを投稿できますか？またはjsfiddleを作成します。 – Shail

すべてのグリッド要素が左にフローティングされているため、カスタムスタイルを記述することなく、グリッド要素とその内容を中央に配置する方法がないようです。それは、人がそうすることなく、いかにしてサイトを構築することができるかということです。 – isherwood

クラス '.clearfix'を追加してフローティングを削除できます – Rockbot

偶数スパンスタイル（span2、span4、etc ...）を使用しているdivを水平に配置するには、オフセットを使用する必要があります。

<div class="offset3 span6"> 
    ... 
</div>

出典

2013-02-27 13:27:47 JayGee

センタリングするコンテンツがspan1、span3、span5、span7、span9、またはspan11の場合はどうなりますか？ –

それが奇妙なスパンで、その正確なスパンサイズに固執しなければならない場合は、カスタムCSSを追加する必要があります。 – JayGee

のようなdivの内側に使用クラスpagination-centered：

<div class="row"> 
    <div class="span12 pagination-centered"> 
    <p> content</p> 
    </div> 
</div>

出典

2013-02-27 14:05:50 Shail

OPは、生のHTMLではなくBootstrapクラスについて質問しています。 – isherwood

@isherwoodあなたは..私は彼にHTMLを与えませんでした..それらのCSSプロパティ。 – Shail

CSSプロパティは実際にはHTMLです。再び、OPはクラスを求めていました。 – isherwood

あなたが水平に整列する要素が奇数スパン（@JayGee）であり、あなたは追加のCSSを書きたいドント場合（ありませんインラインであっても？）、答えは次のようになります。いいえ、それは不可能です。それ以外の場合は、@ JayGeeの答えに行きます。

出典

2013-02-27 15:15:46 Rockbot

ブートストラップのコンテンツを中央に配置する方法は、class="center-block"をa link to Bootstrap 3 doc pageに割り当てることです。

ただし、見出しや段落には適用されません。これらのケースではclass="text-center"が動作するようです。

出典

2014-01-13 05:44:41 yanychar

@ JayGeeの回答に基づいています。

<div class="row"> 
    <div class="col-sm-offset-4 col-md-offset-4 col-lg-offset-4 col-sm-4 col-md-4 col-lg-4"> 
    ... content here ... 
    </div> 
</div>

出典

2015-01-14 08:50:50 Zouzias

デフォルトのTwitter Bootstrapを使用してdivを水平に整列させるCSS

答えて

関連する問題