-1

こんにちは私はブートストラップグリッドを使用しており、これを作ろうとしています:

画像
（出典：gyazo.com）

それは私がこのようなものを取得しようとするために使用しているものです:

ちなみにコードはブートストラップコンテナの中にありますが、

<div class="headers">

    <li class="span3">
    <div id="icon-1"></div>
    <span class="head">Experienced</span>
    <p class="paragraph">Brought to you by a well-knowledged developer and designer, that are ready to serve. We deliver one Hell of a product so strap yourself down to your chair and get ready.</p>
    </li>
    <li class="span3">
    <div id="icon-2"></div>
    <span class="headweb">Web Development</span>
    </li>
    <li class="span3">
    <div id="icon-3"></div>
    <span class="head">UI/UX Design</span>
    </li>
</div>

それが結果です：

画像2
（出典：gyazo.com）

ご覧のとおり、この段落は最初の段落とはかなり異なって見えます。これは、ブートストラップ グリッドのスパン クラス番号が短すぎるためですが、スパン 4 を使用すると、アイコンが下までめちゃくちゃになります。

段落を最初の画像のように見せるにはどうすればよいですか? ここでの問題は何ですか？ありがとう。

4

1 に答える 1

0

テキストは元のテキストより大きく見えますが、それは単純すぎます。新しいクラス.span3wideを作成してみてください。スタイルシートでサイズを大きくし、パディング/マージンを減らしてください。また、margin：0autoを追加します。＃icon-1から中央へ。

于 2012-10-31T18:33:44.153 に答える