Почему этот пакет загрузочного макета самонастраивается, когда он не должен?

-1

(Примечание: Этот сайт работает только с Chrome, IE не будет отображать его, как он не поддерживает Fetch спецификации пока)Почему этот пакет загрузочного макета самонастраивается, когда он не должен?

http://greggum.com/#/entity-shell/entityDetails/14

Если вы зайдете на этой странице, есть строка с двумя ребенком divs, которые должны совпадать с одной строкой. У одного есть класс col-sm-8, а второй col-sm-4 Но вместо этого второй обертывается ниже первого.

Проблема с разделителем, который используется на странице. Если я удалю сплиттер, то он будет работать нормально. Но я не знаю, что делать, чтобы решить.

Он также работает, если я меняю второй на col-sm-3 Но тогда он не заполняет всю площадь.

Как это сделать?

источник

2016-09-08 Greg Gum

Пожалуйста, включите достаточно кода в самом вопросе, чтобы успешно воссоздать этот вопрос у вас возникли, когда вы ищете отладки помощь –

Я не знаю, почему, но это исправили проблему:

.row div { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

источник

2016-09-08 04:46:32

Это связано с тем, что изменение 'box-sizing' влияет на то, как работает полевая модель элементов. Используя «border-box», отступы берутся из объявленной общей ширины вместо добавления к ней, что вызывает обертывание. –

Спасибо. Если вы хотите опубликовать это как ответ, я соглашусь. –

-1

Это, кажется, чтобы исправить это.

изменение

<div class="row">

<div class="row-fluid">

любезность: http://odetocode.com/blogs/scott/archive/2013/01/08/why-use-the-bootstrap-grid.aspx

источник

2017-03-15 01:58:50

Я не думаю, что в Bootstrap есть класс '.row-fluid', или он является обычным? – Swellar

Почему этот пакет загрузочного макета самонастраивается, когда он не должен?

ответ

Смежные вопросы