4

Twitterのブートストラップを使用して助けが必要です。( http://twitter.github.io/bootstrap/index.html )

リストを使用しています

<li>

リスト項目のテキストの横に表示したいバッジを使用すると、リスト項目にないかのようにテキストの下に表示され続けますか?

<ul class="dropdown-menu">
<li><a href="/admin.php">Admin CP</a> <span class="badge badge-important">1</span></li>

下にバッジが付いた管理cpリンクを示す画像を次に示します。

4

1 に答える 1

11

次のspanようにアンカー タグ内に含めます。

<li><a href="/admin.php">Admin CP <span class="badge badge-important">1</span> </a></li>

そして、spanタグが宣言されてdisplay:blockおらず、display:block-inlineどこにもないことを再確認してください。それが理由かもしれません。

アップデート

また、次のように意図的にバッジを強制的に浮かせると役立つ場合があります。

<span class="badge badge-important pull-right">1</span>

お役に立てれば!

于 2013-05-20T17:35:37.967 に答える