1

我正在使用引导程序并试图使两个跨度并排出现，同时还删除跨度之间的白边距。
如果我执行代码，每个跨度之间都有一个白边

我的代码是：

<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

在你的编码中` PHP 100,000

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

移除 pull-right 请避免在 twitter bootstrap 中使用 pull-right 或 pull-left。

于 2013-07-25T07:12:32.737 回答
0

你应该在类中使用span类row-fluid来摆脱边距

于 2013-07-25T07:02:26.647 回答
0

尝试这个 

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

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

或习惯这种方式，但这是床上练习

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