양식의 의미 변경 너비

Question

안녕하세요, 나는 semantic 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