bootstrap Выравнивание сетки выпуск

Question

Я ожидаю бутстрап Сетка как это.

Но у меня есть этот выход

<div class="row" style="background-color: peru"> 
     <div class="col-md-4 col-md-offset-4" style="background-color: yellowgreen; text-align: right;">a</div> 
     <div class="col-md-4 col-md-offset-8" style="background-color: red; text-align: right">b</div> 
    </div> 

Answer 1

Удалить смещение от второго дел.

<div class="row" style="background-color: peru"> 
    <div class="col-md-4 col-md-offset-4" style="background-color: yellowgreen; text-align: right;">a</div> 
    <div class="col-md-4" style="background-color: red; text-align: right">b</div> 
</div> 

Смещение создает отрицательное пространство слева & определения 8 Col пространство слева заставляет DIV упасть поток.

Demo

Answer 2

Перемещение столбцов вправо с помощью .col-md-offset-* классов. Эти классы увеличивают левое поле столбца на * столбцов. Например, .col-md-offset-4 перемещает .col-md-4 более четырех колонн

<div class="row" style="background-color: peru"> 
     <div class="col-md-4 col-md-offset-4" style="background-color: yellowgreen; text-align: right;">a</div> 
     <div class="col-md-4" style="background-color: red; text-align: right">b</div> 
    </div> 

Причина Очки

1. самозагрузки делит один горизонтальный ряд 12 колонн ширину
2. смещения средства, оставляя левое поле пространства колонн
3. В соответствии с вашей точкой первым делом является offset=4 и length = 4total = 8 c olumns и остальные столбцы 4 только из 12
4. второй DIV имеет offset = 8length=4total = 12, но это должно быть только 4 колонка длиной
5. как левое пространство всего 4 колонки вы даете дополнительные 8 столбцов, так что смещается новая строка там оставляет col-md-offset-8, это оставляет 8 столбцов слева, а остальные 4 столбца заняты во втором ряду.

для получения дополнительной информации click here