网格中的列垂直堆叠，而不是在网格系统中并排放置

Question

我正在尝试在CSS中使用Grid系统。网格中的列垂直堆叠，而不是并排放置。以为代码中可能有错误，所以我从getboostrap.com复制了代码以得到结果。但是它正在形成新行，而不是进入同一行。

<div class="container">
   <div class="row">
       <div class="col-xs-4">Col 1</div>
       <div class="col-xs-8">Col 2</div>
   </div>
</div>

Answer 1

bootstrap.css是BootStrap的核心CSS，它定义了各种控件/组件的所有样式，其中bootstrap-theme.css定义了按钮，下拉菜单，导航栏，进度条，面板的主题（渐变/动画）。 >

大多数时候添加bootstrap.css足以使bootstrap正常工作，但是对于渐变/动画，您可以使用bootstrap-theme.css。

Bootstrap-theme.css不包含任何网格样式。因此您的代码不适用于Grid系统