引导网格：COL-XS-1始终堆叠

我使用自举232和我有以下代码：引导网格：COL-XS-1始终堆叠

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
     <link href="less/bootstrap.less" rel="Stylesheet" /> 

</head> 
<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
      <div class="col-xs-1">.col-xs-1</div> 
     </div> 
    </div> 
</body> 
</html>

我期待的列在一行显示（我的分辨率是1920×1080 ）但是每一个柱子都在一条新的线上显示出来。你能否告诉我我是否错过了一些东西？

感谢

来源

2014-06-20 ElArbi

当您的源引导程序为2.3时，您正在使用Bootstrap 3.1语言。

只需升级Bootstrap即可正常工作。见来测试它this Fiddle

最简单方法是从MaxCDN here's the instructions.

这个替换您的样式表链接调用引导外部：

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

来源

2014-06-20 14:43:50 Chiperific

非常感谢我使用2.3.2和教程的BS3。 – ElArbi

@ansurajKhadanga也是对的，如果你想坚持Bootstrap 2.3，但我建议升级。 – Chiperific

如果使用的是引导2.3.2，那么你应该使用这种方式：

<div class="row"> 
    <div class="span4">...</div> 
    <div class="span8">...</div> 
</div>

请访问以下链接：

http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

如果你有任何更多的查询，回复这个评论，否则接受这个答案。

来源

2014-06-20 14:42:37

你的HTML标记为列涉及自举3！你要么需要使用引导3（here）或改变HTML标记来.span1到.span12（see here）

来源

2014-06-20 14:46:45

引导网格：COL-XS-1始终堆叠

回答

相关问题