如何在Bootstrap中的列中创建响应式文本？

Question

我基本上创建了一个响应式网站，该网站分为两部分。我试图连续添加文本和2列格式，如此

代码：

<div class="container">
<div class="row">

    <div class="col-sm-4 col-md-4 col-lg-4">
        <div class="centerBlock">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
        </div>

上面给出了我所做的样本。什么不包括外行和列类。

我做错了什么？

Answer 1

如果您只想创建两列，则以下代码将起作用。您需要关闭div标签，还需要使用以'6'结尾的类。以'4'结尾将给你3列。每行用bootstrap分成12列，因此使用col - * - 6将分成两列，每列使用一半的空间。            

    <div class="col-xs-6">
      <div class="centerBlock">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
      </div>
    </div>
    <div class="col-xs-6">
      <div class="centerBlock">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
      </div>
   </div>
  </div><!-- row-->
</div><!-- container -->