0 
<div class="row">
    <div class="span4">
        <h2>Cele mai vandute</h2>
    </div>
    <div class="span10 offset1 well">
        <ul class="thumbnails">
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
            <li class="span2">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </li>
        </ul>
    </div>
</div>

こんにちは私はこのスパンをコンテナクラスの中央に配置するためのブートストラップcssに問題があります。誰かが私にブートストラップのセンタリングがスパンに対して特別にどのように機能するかを説明できますか？どうもありがとうございます

4

2 に答える 2

1

あなたはそれをブートストラップサイトで説明しています。

通常、あなたspanのsは12を合計するかもしれません（あなたがそれをカスタマイズするまで）。

また、ブートストラップがグリッドに使用する要素である、の<li>代わりに要素を使用しています<div>

コードに合わせて調整するものもあります。

<div class="row">
    <div class="span2">
        <h2>Cele mai vandute</h2>
    </div>
    <div class="span10">
        <div class="row">
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
            <div class="span1">
                <a href="#" class="thumbnail"><img data-src="holder.js/200x100" alt=""></a>
            </div>
        </div>
    </div>
</div>
于 2013-01-10T12:37:47.660 に答える
0

例のブートストラップWebサイトではulとliで示されているため、divの代わりにulとliを使用しました。1行あたりのdivではなく、合計12を使用できます。その後、最大で別の行で作業する必要があります。 12？このような：

<div class="row">
<span class="9">...</div>
<span class="3">...</div>
</div>
<div class="row">
<span class="9">...</div>
<span class="3">...</div>
于 2013-01-10T13:52:45.237 に答える