Центрировать форму в бутстрапе?

Question

Im using bootstrap 3.

Каков наилучший способ центрировать мою форму горизонтально?

<div class="container"> 
    <div class="row"> 
    <form class="form-horizontal" role="form"> 
     //form stuff here 
    </form> 
    </div> 
</div> 

Answer 1

Если вы хотите, вы можете добавить некоторые стили для вашей формы,

form { 
    margin-left:auto; 
    margin-right:auto; 
    width:200px; 
} 

Demo

Answer 2

, если вам нужно центрировать свою форму у вас есть два параметра:

1. вы можете использовать его внутри (col) со значением, которое вы хотите (например: col-sm-6).

2. вы можете использовать его внутри (Col-см-12)

и в любом случае вам нужно будет использовать этот CSS код:

.form-control { 
    display: block; 
    max-width: 550px; 
    height: 45px; 
    margin: 5px auto; 
    padding: 10px 20px; 
    vertical-align: middle; 
    border: 1px solid #ECECEC; 
    border-radius: 4px; 
} 

важным всегда использовать max-width и ваше значение, чтобы поле формы оставалось при этом значении большего размера и уменьшалось в меньшем размере.

обновление:

использовать приведенный выше код CSS и использовать этот код с формой:

<form class="form-horizontal" role="form"> 
<legend class="righter">Legend</legend> 
<div class="form-group"> 
    <label for="title" class="col-lg control-label">Title</label> 
    <div class="col-lg"> 
     <input type="text" class="form-control" id="title" placeholder="..." /> 
    </div> 
</div> 
<div class="form-group"> 
    <label for="id" class="col-lg control-label">UUID</label> 
    <div class="col-lg"> 
     <input type="text" class="form-control" id="description" placeholder="..."/> 
    </div> 
</div> 

важно использование класс = "Col-Lg" в качестве примера выше.

надеюсь, что это поможет или загрузит код в реальном времени, чтобы я мог помочь.