2013-03-28 4 views
0

Я хочу, чтобы размер .span2 не изменялся, сохраняя отзывчивый макет.Запретить Twitter Bootstrap .span2 от изменения размера в ответном макете

Мой код выглядит следующим образом

<div class="container-fluid"> 
<div class="row-fluid"> 

<!-- Toolbar --> 
<section id="toolbar" class="span2"> 
    Toolbar 
</section> 

<!-- Code input --> 
    Code input 
</section> 

<!-- Code preview --> 
<section class="span5"> 
    Code preview 
</section> 

</div><!-- /.row-fluid --> 
</div><!-- /.container-fluid --> 

В основном то, что я хочу, в то время как изменение размеров других элементов (.span5) Я хочу для #toobar иметь фиксированную widht. Это возможно?

+0

Что вы подразумеваете под 'сохраняя отзывчивый макет'? « – Sherbrow

ответ

1

Почему бы вам просто не назначить фиксированную ширину #toolbar?

#toolbar { 
    width: 200px; 
} 
+0

Я получаю огромные пробелы с правой стороны. Спасибо в любом случае – intelis

+0

Я думаю, что он имеет в виду назначить его в пользовательской гибкой таблице стилей, которая будет загружаться после загрузочного буфера для twitter. Вы также можете переопределить ширину .span2 в настраиваемой таблице стилей, которая вставлена ​​после твиттеров. Убедитесь, что вы используете правильный медиа-запрос, чтобы он не отображался в больших разрешениях, предоставляя вам большое пространство –

+2

@intelis. Невозможно определить точное значения ширины или изменения, которые вам понадобятся. Если вам нужна помощь, специфичная для вашего кода, вам необходимо предоставить рабочий пример. Мое решение очень просто, как и ваш запрос. Вы хотели, чтобы '# панель инструментов была установлена ​​на фиксированной ширине, это так как вы это делаете. Так как '# панель инструментов 'является идентификатором, она будет иметь приоритет определения над определениями класса css для' .span2' – Axel

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