为什么我的元素没有对齐？答案

【问题标题】：Why my elements are not positioned in line?为什么我的元素没有对齐？
【发布时间】：2015-03-25 02:55:54
【问题描述】：

这是我的网站：

这是代码 HTML：

<div class="container">
  <h1>Hello World!</h1>
  <p>Resize the browser window to see the effect.</p>      
  <div class="row">
    <div class="col-sm-6" style="background-color:lavender;">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      <p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="col-sm-6" style="background-color:lavenderblush;">
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </div>
  </div>
</div>

这是一个例子：

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_stacked_to_hor&stacked=h

在上面的示例中，元素被定位在一行中，当您调整窗口大小时，转到下方。

对我来说不幸的是位于下方。

怎么了？我完全按照原样复制了代码。

我放一张照片是为了更好地了解他们是怎么看我的？

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

Bootstrap 支持四种尺寸层用于不同的显示尺寸，而您目前只使用一种：

Bootstrap 3 网格系统有四层类：xs（手机）、sm（平板电脑）、md（台式机）和 lg（更大的台式机）。您几乎可以使用这些类的任意组合来创建更加动态和灵活的布局。

要在多个尺寸层上获得相同的效果，您可以通过添加类来添加更多层，如下所示：

<div class="col-sm-6 col-xs-6"

【讨论】：

我添加了你所说的一切，一切都出现在下面。你能给一个截图吗？

【解决方案2】：

在我看来，您的网站配置中似乎没有所有引导组件。

用 Chrome Inspector 查看你的“头”，我找不到任何与 Bootstrap CSS 相关的完整内容。

例如，在一行中添加类“text-center”。通常，您的文本会居中。

【讨论】：

我在一行中添加了一些文本，这一行，我使用 text-align: center; 居中；