Twitter Bootstrap:navbarのテキスト


109

Twitterブートストラップのドキュメントによると、「テキストの文字列を<p>タグで囲んで、適切なリーディングとカラーにする」ことができるはずです。これを行うと、その下のどのレベルでnavbarも、どのnavbarクラスも継承しません。文字列を<a>タグでラップするとレンダリングされますが、アンカーにすることはできません。

私がレンダリングしようとしている文字列はです"Logged in as ... "

回答:


237

次のpように、navbar内にタグとともにクラスを含める必要があります。

<p class="navbar-text">Logged in as</p> 

2
@capncavemanツイッターの人々はその奇妙なことを十分に含んでいませんでしたが、彼らのページの例でそれを見ることができます。
Andres Ilich

35
それだけの価値があるので、<p class="nav navbar-text">正しいフォーマットを取得するために使用する必要がありました。
eaj 2013年

それをありがとう!FYI @eaj w / 3.3.6 .navは必要ありませんでした。質問:<p>テキストの選択を無効にする標準のBootstrapクラスはありますか?
Matthew Cornell

1
@MatthewCornell私が知っているものはありませんが、::selection色を背景の色にスタイリングし、cursorホバー時にプロパティをデフォルトにリセットすることで、それを「偽造」できますcursor: default;
Andres Ilich



0

これらの回答やコメントはどれも私にとってはうまくいきませんでした(最新のものは6歳以上でした)が、私にとってうまくいったのは次のとおりです。

  1. 私は<span>タグを使わなければなりませんでした<p>
  2. "nav-item"リスト要素自体にクラスを含める必要がありました

私の最終的な作業コードは次のようになります:

<li class="nav-item"><span class="navbar-text"><h5>{{first_name}}</h5></span></li>

私の言葉をそれに取ってください、しかし下の「サリー」という言葉はホバーされたときにハイパーリンクに変わりません。

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.