我正在使用自举并试图使两个跨度并排出现,同时还消除跨距之间的白色边距。
如果我执行代码,则每个跨度之间会有一个白色边距
我的代码是:
<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>
<a href="product.html" class="btn">Read more</a>
</p>
</div>
</div>
</li>
虽然我尝试在CSS上添加它:
.nospace{
margin-left:0; }
以下是我的代码给我的内容:
以下是我要做的事情:
答案 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中使用向右拉或向左拉。