2016-04-03 20 views
0

ブート・ストラップを使用して、テキストtopcenterを(例えば)位置合わせすることは可能ですか?ブートストラップ・テキスト・アライン・トップ・センター

私が使用して試してみました:

<label class=text-align-top text-align-center></label> 

動作するようには思えません。

+0

を意味した<ラベルクラス= ":トップ;テキスト整列:テキスト中央揃え"> 'これは深刻な試みです...そしてチュートリアルや提案に基づいて...? – webeno

+0

私は現在 ''text-align-top''を使っています。それは私のアプリで働いています。だから私はそれを中央+上に揃えるためのブートストラップの方法を探しています。それが存在しない場合は、私はCSSにスティックすると思います – JustLearning

+0

あなたのCSSは私の方法と同じことをします – JustLearning

答えて

2

まず第一に、あなたのコードの適切な形式が...

<label style="text-align:top; text-align:center"></label> 

のいずれかでなければなりません...それだけで、それが繰り返されています考えると、第二のルールを取るとしてこの1つは、あまり意味がありませんけれども、または...

<label class="text-align-top text-align-center"></label> 

(CSSクラス名の前後に引用符を追加)

これは両方、​​とtext-align-center Cを定義していると仮定しますtwitter-bootstrapにはこのようなクラスが存在しないため、CSSファイル内のlassを削除する必要があります。

代わりに、Alignment classesを使用すると、水平方向の整列が処理されます。その場合、text-centerを使用します。

あなたはつまり、あなたの目標要素にvertical-align: middle;を使用して「手動」に設定し、またはそのを持つカスタムクラスを作成する必要があるとしているので、何の垂直配向クラスは、Twitterのブートストラップではありません...

CSS:

.vertical-align-middle { 
    vertical-align: middle 
} 

は(さえずり - ブートストラップ付き)HTML:あなたは `しようとした

<label class="vertical-align-middle text-center"></label> 
+0

あなたが私の編集を拒否してから同じことをしたのは不思議です。 –

+0

@KaanBurakSener私はそれを自分で編集しようとしていたので、間違ったボタンをクリックしたに違いありません。 ... – webeno

+0

これは大丈夫です@webeno –