摆脱Twitter Bootstrap跨度边缘

时间:2013-07-25 07:01:14

标签: css twitter-bootstrap margin

我正在使用自举并试图使两个跨度并排出现,同时还消除跨距之间的白色边距。
如果我执行代码,则每个跨度之间会有一个白色边距

我的代码是:

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

margin-left:0; }

以下是我的代码给我的内容:

enter image description here

以下是我要做的事情:

enter image description here

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

试试这个

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

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

或使用以这种方式,但这是床上练习

.nospace{margin-left:0 !important;} //  

答案 2 :(得分:0)

在你的编码中               PHP 100,000

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

删除右拉,请避免在twitter bootstrap中使用向右拉或向左拉。