2016-09-28 21 views
0

首先,如果我的標題不是世界上最具描述性的,我就不會想到其他任何東西。使用列排列HTML

我使用的是HTML5UP的HTML5主題,名爲Alpha。該網站旨在成爲使用我的同事開發的應用程序的客戶的第一個幫助點。我想寫兩欄,一欄八寬,一欄四寬。使用引導我會寫這個...

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

+0

此主題不使用引導程序。 –

+0

嗨Germano。我知道這個主題不使用引導程序,這就是爲什麼col-sm-X表示法不起作用的原因。我的問題是,我怎樣才能利用這個主題所使用的Xu系統?我已經嘗試過8u和4u作爲我的課程,但這不起作用。 –

+2

爲什麼不將樣式屬性從「col-sm-4」複製到「6u」來覆蓋它們? –

回答

2

我試圖改變列寬,它的工作..!

變化:

類= 「12U 6U(較窄)」 - >類= 「4U 12U(較窄)」
類= 「12U 6U(較窄)」 - >類=」 8u 12u(更窄)「

enter image description here

+0

謝謝,哈迪克。我現在會嘗試並回復你! –

+0

剛剛嘗試過,它仍然無法正常工作:( 第一列尺寸與預期的相同,但第二列的尺寸不在右側!感謝您的幫助,但您至少幫助我取得了_some_ progress –