트위터 부트 스트랩 양식을 페이지 중앙에 잘 정렬하는 방법은 무엇입니까?

화면 가운데에 내 양식을 잘 가운데 놓으려고 할 때 누군가이 코드를 수정하는 방법을 알려줄 수 있습니까?트위터 부트 스트랩 양식을 페이지 중앙에 잘 정렬하는 방법은 무엇입니까?

<body> 

<div class="container"> 
    <div class="container"> 
     <img class="myimg" src="img/logo.png" alt="my logo"/> 
    </div> 
    <div class="container"> 
     <form class="well span4"> 
      <input type="text" class="span3" placeholder="Username"/><br/> 
      <input type="password" class="span3" placeholder="Password"/><br/> 
      <button class="btn btn-primary span3">Sign in</button> 
     </form> 
    </div> 
</div>

출처

2013-12-11 SALAMAT Med Ayman

당신이 바로 거기합니다 (.well의 부모)이 두 번째 .container에

<div class="container text-center">

를 사용해보십시오.

출처

2013-12-11 00:53:31 AVP

이렇게해야합니다. 그냥 3 COLS가 동일한 폭

<div class="container"> 
<div class="container"> 
    <img class="myimg" src="img/logo.png" alt="my logo"/> 
</div> 
<div class="container"> 
    <form class="well offset4 span4"> 
     <input type="text" class="span3" placeholder="Username"/><br/> 
     <input type="password" class="span3" placeholder="Password"/><br/> 
     <button class="btn btn-primary span3">Sign in</button> 
    </form> 
</div>

출처

2013-12-11 01:47:33

의 때문에 4에 의한 양식이 작동 오프셋하지만 응답, 같으면 (T)를 유지하려면 일을 망치는? –

그렇지 않습니다. 기본적으로 모든 것이 너비 100 %가됩니다. –

트위터 부트 스트랩 양식을 페이지 중앙에 잘 정렬하는 방법은 무엇입니까?

답변

관련 문제