html - Twitter-Bootstrap-単純な要素をインライン化する

Question

<a>インラインで表示する2つの要素を配置する方法はありますか？

私が試した：

<div class="form-inline">
<a>jjj</a>
<a>sss</a>
</div>

そしてまた

 <div class="row-fluid">
    <a class="inline">jjj</a>
    <a class="inline">sss</a>
    </div>

しかし、それは機能しません。

Answer 1

デフォルトではアンカータグが表示されますinline。block要素などとして表示するには、追加のスタイル設定が必要です。

コードを使用して、これが機能するJSFiddleです。

ページを調べてアンカーdisplayが設定されている場所を見つけ、それを変更するか、要素をdisplay:inline その後に設定します。すでに追加しているのでclass="inline"、単に追加することができます：

a { display:block; /* Pre-existing code */ }
a.inline {
    display:inline;
}

row-fluidまた、注意として、 Bootstrapの他のスキャフォールディング要素なしで機能するようには設計されていないと思います。全幅の行が必要な場合は、次を使用する必要があります。

<div class="row-fluid">
    <div class="span12">
        <a class="inline">jjj</a>
        <a class="inline">sss</a>
    </div>
</div>