我刚刚开始使用Bootstrap,并且正在尝试将其包围。我了解行,列和容器的工作方式。我只是不知道设置div的“语法”是什么。
我想做这样的事情吗
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<div>Content Goes In Here</div>
</div>
</div>
</div>
还是会像这样:
<div class="container-fluid">
<div class="row col-xs-12">
<div>Content Goes In Here</div>
</div>
</div>
或者这可能是我没看到的另一种方式。我只是想确保我为Bootstrap编写div的方式是正确的,并且我没有使用太多的DIV
我是否希望我当前所有的代码都是css free,例如Width,Height,Padding,以便框架正常工作等?
让我知道一些方向。谢谢!
最佳答案
您的第一个示例绝对正确:
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<div>Content Goes In Here</div>
</div>
</div>
</div>
刚开始时,可能看起来像许多
<div>
标记,但请不要将它们视为<div>
,而应将它们视为类。例如,第一个是container-fluid
,第二个是row
,第三个是col-xs-12
。根据一般经验,内联样式越少越好。每当您确定需要对宽度进行任何操作或需要由引导程序处理的事情时,它都应该这样做,并且您应该在引导程序内寻找可以处理您想要做的事情。
这是有关Bootstrap 3的更正式的教程:http://www.w3schools.com/bootstrap/