Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Bootstrap и шапка фиксированной ширины

Автор: nule 25.1.2013, 13:50

Здравствуйте!
Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px.
Весь шаблон, соответственно, ограничивается этой шириной.
Я ограничил body шириной шапки:
body {width: 895px; margin: 0 auto;}
Так же сделал с первым контейнером:
.container {width: 895px !important; }
Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170?
Спасибо!

Автор: alexFast777 4.9.2014, 10:54

А в чём проблема? При таком подходе мобильность падает, т.к. ширина фиксированная 895 пикселей.
Вот решение:

Код


<div class="container" style="width: 895px !important;">
  <div class="row">
    <div class="col-xs-6">
      <div class="alert alert-warning">
       1 блок
      </div>
    </div>
    <div class="col-xs-6">
      <div class="alert alert-warning">
       2 блок
      </div>
    </div>
  </div>
</div>

Уроки по Bootstrap можно посмотреть http://itchief.ru/lessons/bootstrap-3/.