列を使ってHTMLを整理する

Question

まず、私のタイトルが世界で最も記述的でない場合、私はそれについて何も考えられませんでした。

私はHTML5UPというHTML5のテーマをAlphaとしています。このウェブサイトは、私の同僚が開発したアプリを使用しているクライアントのための最初の助けとなることを目的としています。私は1列8列、4列1列の2列を作りたいと思います。 ...

<div class="col-sm-8"> 
    ***CONTENT*** 
</div> 
<div class="col-sm-4"> 
    ***CONTENT*** 
</div> 

を私がこれを書くと、ブートストラップを使用すると、しかし、このテーマは、次の表記法を使用しています：

<div class="row"> 
    <div class="6u 12u(narrower)"> 
     <section class="box special"> 
      <span class="image featured"><img src="images/pic02.jpg" alt="" /></span> 
      <h3>Sed lorem adipiscing</h3> 
      <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p> 
      <ul class="actions"> 
       <li><a href="#" class="button alt">Learn More</a></li> 
      </ul> 
    </section> 
</div> 

私の問題は、私は徐のためにまっすぐCOL-SM-Xを交換しようとした、ですが、それは動作しません。誰かが私を正しい方向に向けることができますか？

ありがとう、

Ethan。

Answer 1

私は列幅を変更しようとしています！

変更：

クラス= "6Uの12U（狭い）" - >クラス= "4Uの12U（狭い）"
クラス= "6Uの12U（狭い）" - >クラス=」 8u 12u（狭い）」