2017-08-09 44 views

回答

0

引导链接如果我知道你想你的问题,你有3个街区有一个100%的宽度。在这里,他们有33.33%的页面的100%,因为你有col-sm-4。 尝试通过更换:

<div id="all"> 
     <div class="row col-sm-12" id="hqllo"><h1>hqllo</h1></div> 
     <div class="row col-sm-12" id="nook"><h1>nooook</h1></div> 
     <div class="row col-sm-12" id="pro"><h1>pro</h1></div> 
</div> 
+0

这是不行的,因为存在宽度:calc(100%/ 3)。 }' –

+0

哦,好吧没有看到......但为什么使用这个css属性bootstrap,并不使用基本网格的简单事情呢? – Linkliman

0

css

.row { 
    width:calc(100%/3); 
} 

jsfiddle

1

能很好地去除这一点,有很多与您的代码的问题。

首先,您没有正确使用引导程序。您还必须添加CSS文件。如果仅包含js文件,Bootstrap将不起作用。一旦你包括它,那么一切都会工作得很好。

div的间距是因为浏览器的默认值。如果你包含Bootstrap,它们将会消失。另外,您需要正确使用引导类。

在我看来,你应该通过Bootstrap的文档,然后创建你的布局。 http://getbootstrap.com/getting-started/