删除引导模板中的空间 [英] remove space in bootstrap template

问题描述

我有以下标记：

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

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

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

How can I remove spacing of right side. I can't see padding and or margin value applied in but also space is appearing?

更新： / strong>

Update:

我发现了它显示空间的原因！我添加了以下css

I found the reason why it was showing the space! I have added the following css

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

因此，不删除此css可以删除空格？ p>

So, without removing this css can I remove the space?

推荐答案

给您的目标 div 一个类：

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

那么你可以添加这些css规则：

then you can add these css rules:

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

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

Bootply Demo

Bootply Demo

这篇关于删除引导模板中的空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！