web-dev-qa-db-ja.com

Twitter-Bootstrap-単純な要素をインラインに配置

とにかく2を置くことはありますか<a>インラインを表示する要素？

私が試した：

<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>

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

htmlcsscss3twitter-bootstrapinline
23
itsme

デフォルトでは、アンカータグはinlineで表示されます。 block要素または類似のものとして表示するには、いくつかの追加のスタイル設定が必要です。

あなたのコードを使用して、ここに働く JSFiddle です。

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

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

また、注意として、row-fluidはBootstrapの他の scaffolding 要素なしで動作するようには設計されていないと思います。

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