更改宽度的形式语义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