2

ブログのタグを表示するためにブートストラップのラベルを使用しています。私がやりたいことは、ラベルを2つの部分に「分割」することです:

  1. BG1 カラーの最初の部分にはタグ文字列が含まれます
  2. BG2 カラーの 2 番目の部分にはタグ数が含まれます

ブートストラップが各ラベルに対して定義するすべてのパディングのため、これは簡単でトリッキーではないかもしれません。
たとえば、2 番目の部分のテキストの背景を変更する簡単な解決策は、パディングを考慮せずに文字列の長さにのみ拡張されるため、機能しません。

以下に、私が達成したいことの視覚的なヘルプを見つけることができます。

ラベル

したがって、基本的には次のスパンタグに取り組む必要があります。

<li>
    <a class="label label-info" href="">
        <i class="icon-tag icon-white"></i> 
        another tag
        <span class="tagCountInfo">4</span>
    </a>
</li>
4

2 に答える 2

1

試す：

<li>
    <a class="label label-info" href="">
        <i class="icon-tag icon-white"></i>
        tagName
        <span class="count">4</span>
    </a>
</li>

と

.count {
    background-color: #000000;
    border-radius: 0 3px 3px 0;
    margin-right: -4px;
    padding: 2px 4px 3px;
}

注意してください：それはハッキーです...

于 2013-03-14T11:00:28.637 に答える