Question

我有以下标记：

<div class="row-fluid">
  <div class="span9"></div>
  <div class="span3"></div>
</div>

+-----------------------+---------------+---+
| span9 contents here   | span3 content | ->|-----space appearing here
+-----------------------+---------------+---+

如何删除右侧的间距。我看不到应用填充和/或边距值，但是空间也出现了吗？

更新：

我找到了显示空间的原因！我添加了以下css

body, [class*="span"] {margin: 0 !important; padding: 0 !important;}

那么，如果不删除此CSS，我可以删除空格吗？

Answer 1

为您的目标div提供一个课程：

<div class="row-fluid target">
    <div class="span9">Test1</div>
    <div class="span3">Test2</div>
</div>

然后你可以添加这些css规则：

.target [class*="span"] {
    margin-left: 20px !important;     
}

.target [class*="span"]:first-child {
    margin-left: 0 !important;    
}

<强> Bootply Demo

Answer 2

试一试：

<div class="row">
 <div class="col-sm-4 col-xs-4 col-md-4"> 
       <div class="span3"> </div>  
 </div>
 <div class="col-sm-8 col-xs-8 col-md-8">
      <div class="span9"></div>
 </div>

删除引导程序模板中的空格

2 个答案: