リスト内のブートストラッププル右のバッジ

Question

私はブートストラップ3.3.7を使用しています。私のサイドバーには、phpのリストがあります。値とブートストラップの使用のためにこのフォーマット印刷する

：このコードの

<li><a href="page.php?home=<?php echo $home_id; ?>"><?php echo $home_desc; ?></a><span class="badge">10</span></li> 

を、私は下の画像に結果を持っています。

私は私のために働くのstackoverflowの答えにいくつかの解決策を試してみてくださいではなく、持っています。バッジを右に引っ張る方法は？

Answer 1

あなたは右に引っ張りたいが、あなたは何も追加していないと言った。このようpull-rightクラスを追加してみてください：

<li> 
    <span class="badge pull-right">10</span> 
    <!----------------^^^^^^^^^^^ --> 
    <a href="page.php?home=<?php echo $home_id; ?>"><?php echo $home_desc; ?></a> 
</li> 

pull-rightクラスは、迅速なフロートヘルパークラスの一つである要素にfloat: rightを適用し、あなたに所望の効果が得られます。