4

私は連続している<h1>タイトルを持っています。<div>スタイリングを完全に拡張したいのです<h1>が、行の右側にボタンを配置します。

<span>ボタンが右側にあるように値を正しく設定する方法がわかりませんが、行全体を拡張することもできません。

私が持っている唯一のアイデアは、 を配置してから<h1>div .span6ボタンを別の右に引っ張った場所に配置することですが、タイトルのスタイリングとボタンのdiv span間に醜い空白が残ります。<h1>

また、右側に 2 つのボタンがある場合は流動的である必要があります。

これは私がやろうとしていることのほんの一例です。

4

1 に答える 1

8

あなたの元の質問は少し不明瞭だったので、私はこのようなものがあなたが求めていたものであるかどうかを推測しなければなりませんでした。

<div class="container">
  <div class="row">
    <a href="#" class="btn pull-right">Button 2</a>
    <a href="#" class="btn pull-right">Button 1</a>
    <h1>My fancy title</h1>
  </div>
</div>

jsfiddleの例を編集した後、ブートストラップを使用している場合、私のソリューションは機能するはずです。何らかの理由で、cssに.pull-right{float:none;}含まれているため、プルライトが機能しません。

これは、コードの簡単なデモンストレーションです。変更点は、ボタンがcssのh1あり.pull-right{float:right;}、cssの最後に追加されているだけです。

http://jsfiddle.net/Arkkimaagi/KFsM6/1/

于 2012-06-06T14:58:22.913 に答える