1

私はブートストラップを使用しており、スパン間の白いマージンを削除しながら、2 つのスパンを並べて表示しようとしています。
コードを実行すると、各スパンの間に白い余白ができます

私のコードは次のとおりです。

<li class="span4" >
    <div class="thumbnail">
         <img src="img/placeholder-360x200.jpg" alt="product name">
             <div class="container row-fluid">  
                  <b>
                     <span class="span6 nospace" id="one"> <font size ="5px"><i>PHP 100,000</i></span>

                     <span class="span6 nospace pull-right" id="two" >50% Off </span>
                               </font>
                </b>

              </div>
           <div class="caption">

                <p>
                  Few attractive words about your product.Few attractive words about your product.
                </p>

              </div>

                  <div class="widget-footer">
                <p>
                  <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
                  <a href="product.html" class="btn">Read more</a>
                </p>
                  </div>  

            </div>
          </li>

これをCSSに追加しようとしたときに：

.nospace{

マージン左: 0; }

これが私のコードが私に与えるものです：

ここに画像の説明を入力

これが私がやろうとしていることです:

ここに画像の説明を入力

4

3 に答える 3

0

マージンを取り除くにはspanクラス内でクラスを使用する必要がありますrow-fluid

于 2013-07-25T07:02:26.647 に答える
0

あなたのコーディングで ` PHP 100,000

        <span class="span6 nospace pull-right" id="two" >50% Off </span>`

pull-right を削除 Twitter ブートストラップで pull-right または pull-left を使用しないでください。

于 2013-07-25T07:12:32.737 に答える
0

これを試して 

.span6.nospace{
margin-left:0;
}

============================================

またはこの方法に慣れていますが、これはベッドの練習です

.nospace{margin-left:0 !important;} //
于 2013-07-25T07:04:07.740 に答える