1

CSS 菜鸟在这里。我想 div 在同一行。我使用一些 twitter 引导 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/

谢谢。

4

2 回答 2

2

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

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

于 2013-08-15T18:57:15.423 回答
1

我不知道引导程序；但似乎你错过了float:left检查.row-fluid .span6.是否可以：http: //jsfiddle.net/cFgTA/1

于 2013-08-15T18:29:57.367 回答