2014-12-12 2 views
0

Я создал простой сайт, используя бутстрап. Шаблон очень прост, у меня есть 2 столбца, большой по центру и боковая панель справа. В центре, под большой коробкой, есть еще два столбца, которые находятся внутри другого ряда. (Если вы посетите веб-сайт, вы увидите, что я говорю)Bootstrap - Ошибка колонок в столбцах

Теперь ... В основном проблема заключается в том, что всякий раз, когда я заполняю главный ящик чем-то, делающим его высоту, превышающей высоту боковой панели, контейнер перемещается немного влево. (Если вы попытаетесь нажать на ссылку «Lavori», вы увидите контейнер движение)

LINK: http://jonathanmagnis.altervista.org/

+0

это потому, что появляется полоса прокрутки – Banzay

+0

Да, это проблема! Я не заметил этого, потому что мой рабочий стол не показывает полный веб-сайт. Я решил это с помощью этого: html { overflow-y: scroll; } спасибо! –

ответ

0

Это можно исправить. На начало <body> вы должны что-то изменить:

кусок кода

<body><div class="container"> 

заменить:

<body><div style="width: 1000px; margin-left: auto; margin-right: auto;"> 
<div class="container-fluid"> 

и не забудьте закрыть новый DIV перед тем </body>:

</div> 
</body> 

Если вы не хотите использовать фиксированную ширину, сохраняя зазоры на левой и правой сторонах, вы должны использовать столбцы сетки с смещениями.

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