Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Bootstrap и шапка фиксированной ширины 
:(
    Опции темы
nule
Дата 25.1.2013, 13:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 3.11.2011

Репутация: нет
Всего: нет



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


PM MAIL   Вверх
alexFast777
Дата 4.9.2014, 10:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 5
Регистрация: 4.9.2014

Репутация: нет
Всего: нет



А в чём проблема? При таком подходе мобильность падает, т.к. ширина фиксированная 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 можно посмотреть тут.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0519 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.