Question

CSS noob在这里。我想在同一行中进行div。使用一些twitter bootstrap CSS我做：

.row-fluid {
   width: 100%;
   *zoom: 1;
}

.span6{
  width: 460px;
}

.row-fluid .span6 {
   width: 48.717948717948715%;
   *width: 48.664757228587014%;
}

div {
  position: relative;
  background: orange;
  height: 5em;
}

我的HTML是......

<div class="row-fluid">
<div class="span6">Foo</div>
<div class="span6">Bar</div>
</div>

Foo和Bar不是一条线。知道我做错了吗？

这是JS小提琴：http://jsfiddle.net/cFgTA/

感谢。

Answer 1

您实际上是在使用Twitter引导程序还是在复制它的一部分？您只有一小部分实际定义row-fluid功能的css。例如，第一个元素通常具有边距更改以考虑元素周围的额外像素，并且分配给它们的span*类的所有元素都应该像mshsayem所提到的那样float: left

如果您查看使用CDN引导程序并且您的代码已注释掉的fiddle，则没有问题。我建议你使用twitter提供的实际css文件，除非你熟悉他们的样式表和＆amp; css对其进行更改。

Answer 2

我不知道引导;但似乎你错过float:left上的.row-fluid .span6.检查这是否合适：http://jsfiddle.net/cFgTA/1

Twitter引导一行多个div

2 个答案: