3

私はブートストラップを使用しており、セクションのヘッダーにリンク (ボタン) を編集する必要があります (ウィキペディアの [編集] セクション リンクのように)。

これは私が持っているものですが、配置が悪いです（ボタンはテキストの下にあります）：

<h3>
  <span>Details</span>
  <span>
    <a class="btn pull-right" href="/edit">Edit</a>
  </span>
</h3>

これを処理するためのより良い方法はありますか？（私はパスを逃したとほぼ確信しています）

4

2 に答える 2

2

アラインの問題はpull-right、ラッパーをフロートする必要があるのではなく、クラス (フローティング) をボタンに直接追加していたためです。

<h3>
    Details
    <span class="actions">
        <a class="btn" href="/edit">Edit</a>
    </span>
</h3>

次に、次を追加する必要があります。

.actions {
    float: right;
}

ボタンが浮いていないので、ボタンは適切に配置されます。 これは作業フィドルです。

于 2013-10-03T14:18:06.827 に答える
1

これを試して：

<h3>
  <span>
    <a class="btn pull-right" href="/edit">Edit</a>
  </span>
  <span>Details</span>
</h3>
于 2013-01-09T02:37:10.150 に答える