2017-01-18 5 views
1

私は、ブートストラップを使ってテキストを水平にセンタリングする方法を理解しようとしています。センターテキストを横方向にブートストラップを使用していますか?

私は12グリッドのスペースを持っていたと言います。

私の目標は、テキストを各側に2つの空のグリッドがある中央の8つのグリッドスペースを占有させることです。

私は水平センタリングを行うために以下のコードを使用しましたが、ブートストラップを使用する別の方法があるのか​​不思議です。

ありがとうございます!

<div class="col-md-8 col-md-offset-2"> 
    <p>Some text here</p> 
</div> 

とIF:私が正しく質問を理解していた場合

.container { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translateX(-50%) translateY(-50%); 
} 

答えて

3

、あなたはそれぞれの側に2つのスペースで、真ん中の8つのグリッドのスペースを占有するので、columns with an offset

を使用することができますテキストを中央揃えの列の中央に揃えたい場合は、段落タグに "text-center"クラスを追加します。

+0

驚くばかりです。オフセット番号は自動的に両側に作用しますか? – AndrewLeonardi

+0

それはちょうどあなたの列の左余白を増やすので、私はそう信じていません。 –

+0

nop、オフセットにはmargin-leftだけが追加されます – dippas

関連する問題