2つの<ボタン>の間に<スパン>を配置します

マイケルデビッドワトソン

私はブートストラップv3<span class="badge">1</span>を使用していて、2つのボタンの中央に配置しようとしています。そのうちの1つはpull-rightクラスを使用しています

正確なhtmlは次のようになります。

<button type="button" class="btn btn-success">Decient</button>
<span class="badge">10</span>
<button type="button" class="pull-right btn btn-danger">Garbage</button>

ただし、これにより次のようになります。

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

10を中央に配置したいのですが、成功していません。私は試しましたpagination-centeredtext-center、カスタムCSSは役に立ちませんでした。また、いくつかの追加のコンテキストを提供するために、これはのcaptiondivにありthumbnailます。

以下は私の状況の基本的なシナリオを提供します:http//jsfiddle.net/vvA78/1/

Linek

それはbootstrap、ちょうど使用text-centerhouse-containerのdivとpull-leftbtn-success

JSFiddle

垂直方向の中央に配置するには、を追加するだけmargin-topです。

JSFiddle

もちろん、例に従わずmargin-top.badgeクラス全体に設定しないでください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

2つの水平ボタン列を垂直に配置します

分類Dev

Tabolator Javascriptlibの1つの列に2つ以上のボタンを配置します

分類Dev

2つのdivの間にアイコンを配置します

分類Dev

LinearLayoutは、3つのボタンの間に同じパディングを配置します

分類Dev

LinearLayoutは、3つのボタンの間に同じパディングを配置します

分類Dev

divの右下隅に2つのボタンを並べて配置します

分類Dev

2つのdivの間と中央の下にボタンを追加します

分類Dev

バナーと中央に2つのボタンdivを配置します

分類Dev

4つのビューの上にボタンを配置して配置します

分類Dev

Bootstrap3の2つのスタックされた選択の間にボタンのグループを垂直に配置します

分類Dev

フレックスボックスの中央に2つのスパンを水平に配置します

分類Dev

2つのボタンの間にビューを中央揃え

分類Dev

2つの期間の間に送信ボタンを無効にする

分類Dev

2つのボタンを作成しましたが、中央に配置できるのは1つだけです

分類Dev

ブートストラップを使用して2つのボタンを右下に配置します

分類Dev

li内で2つのスパン要素を反対方向に配置します

分類Dev

DialogFragmentのタイトル内にボタンを配置します

分類Dev

divまたは画面の下部にボタンを配置します

分類Dev

間にスペースを入れずに2つのボタンを作成します

分類Dev

パランセシス間のデータを抽出し、結果の値を別の列に配置します

分類Dev

絶対位置のdivにボタンを垂直に配置します

分類Dev

2つのフローティングアクションボタンをFlutterに配置します

分類Dev

スパンタグを固定幅divの中央に配置します

分類Dev

エキスパンダーボタンをDataGridRowHeaderの上部に垂直に配置します

分類Dev

2つのパターン間の改行のすべてのインスタンスを削除します

分類Dev

2つのパターン間の改行のすべてのインスタンスを削除します

分類Dev

画像の上にラジオボタンを配置します

分類Dev

ボタンの上にラベルを配置します(html、css)

分類Dev

AppBarOverlayの右上にボタンを配置します

Related 関連記事

  1. 1

    2つの水平ボタン列を垂直に配置します

  2. 2

    Tabolator Javascriptlibの1つの列に2つ以上のボタンを配置します

  3. 3

    2つのdivの間にアイコンを配置します

  4. 4

    LinearLayoutは、3つのボタンの間に同じパディングを配置します

  5. 5

    LinearLayoutは、3つのボタンの間に同じパディングを配置します

  6. 6

    divの右下隅に2つのボタンを並べて配置します

  7. 7

    2つのdivの間と中央の下にボタンを追加します

  8. 8

    バナーと中央に2つのボタンdivを配置します

  9. 9

    4つのビューの上にボタンを配置して配置します

  10. 10

    Bootstrap3の2つのスタックされた選択の間にボタンのグループを垂直に配置します

  11. 11

    フレックスボックスの中央に2つのスパンを水平に配置します

  12. 12

    2つのボタンの間にビューを中央揃え

  13. 13

    2つの期間の間に送信ボタンを無効にする

  14. 14

    2つのボタンを作成しましたが、中央に配置できるのは1つだけです

  15. 15

    ブートストラップを使用して2つのボタンを右下に配置します

  16. 16

    li内で2つのスパン要素を反対方向に配置します

  17. 17

    DialogFragmentのタイトル内にボタンを配置します

  18. 18

    divまたは画面の下部にボタンを配置します

  19. 19

    間にスペースを入れずに2つのボタンを作成します

  20. 20

    パランセシス間のデータを抽出し、結果の値を別の列に配置します

  21. 21

    絶対位置のdivにボタンを垂直に配置します

  22. 22

    2つのフローティングアクションボタンをFlutterに配置します

  23. 23

    スパンタグを固定幅divの中央に配置します

  24. 24

    エキスパンダーボタンをDataGridRowHeaderの上部に垂直に配置します

  25. 25

    2つのパターン間の改行のすべてのインスタンスを削除します

  26. 26

    2つのパターン間の改行のすべてのインスタンスを削除します

  27. 27

    画像の上にラジオボタンを配置します

  28. 28

    ボタンの上にラベルを配置します(html、css)

  29. 29

    AppBarOverlayの右上にボタンを配置します

ホットタグ

アーカイブ