更改寬度的形式語義ui

Question

嗨我正在使用語義ui的項目。我有一個表格，如下所示：

http://jsfiddle.net/5dyzpt77/

<div class="content"> 
    <div class="ui main container"> 
    <div class="ui form"> 
    <div class="one field"> 
     <div class="field"> 
     <label>Email</label> 
     <div class="one field"> 
      <div class="field"> 
      <input type="text"> 
      </div> 
     </div> 
     </div> 
     <div class="field"> 
     <label>Address</label> 
     <div class="three fields"> 
      <div class="field"> 
      <input type="text"> 
      </div> 
      <div class="field"> 
      <input type="text"> 
      </div> 
      <div class="field"> 
      <input type="text"> 
      </div> 
     </div> 
    </div> 
    </div> 
</div> 

但是我不想形式爲全寬喜歡它，我想它是6列寬，但仍然心，我不知道該怎麼去做。任何幫助都會很棒。

Answer 1

添加到您的形式-DIV級six wide column centered，並與分度ui grid類包起來：

<div class="content"> 
    <div class="ui main container"> 
    <div class="ui grid"> 
    <div class="ui form six wide column centered"> 
    <div class="one field"> 
     <div class="field"> 
     <label>Email</label> 
     <div class="one field"> 
      <div class="field"> 
      <input type="text"> 
      </div> 
     </div> 
     </div> 
     <div class="field"> 
     <label>Address</label> 
     <div class="three fields"> 
      <div class="field"> 
      <input type="text"> 
      </div> 
      <div class="field"> 
      <input type="text"> 
      </div> 
      <div class="field"> 
      <input type="text"> 
      </div> 
     </div> 
    </div> 
    </div> 
</div> 
</div> 

見jsfiddle

瞭解更多關於網格系統here