Bootstrapの列内に反応的なテキストを作成するには？

Question

私は基本的に2つに分割された応答性の高いWebサイトを作成しました。そして、私はそう

コードのように行と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

単純に2つの列を作成しようとしている場合は、次のコードが機能します。あなたのdivタグを閉じる必要がありますまた、 '6'で終わるクラスを使用する必要があります。 '4'で終わると3つの列が得られます。各行はブートストラップ付きで12列に分割されているので、col - * - 6を使用すると、それぞれ半分のスペースを使って2つの列に分割されます。

<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 -->