VPF::Кто поможет с Bootstrap - Форум программистов

finogeev

Дата 24.9.2012, 21:48 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

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

Вообщем всегда делал на Bootstrap, но проекты с фикс. шириной, сейчас нужно 100%.
Вроде бы все очень просто. Простая схема по бокам должны быть фиксированные, центр резиновый.

Сетка Bootstrap стандратная 12 разметная.

Код


<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">1</div>
    <div class="span8">2</div>
    <div class="span2">3</div>
  </div>
</div>

<style>
div { border:1px solid #000;    }
</style>

Проблема в том что первый и крайний не фиксорованной ширины, при прописовании жестко width или min-width рушиться сетка Bootstrap, при выносе этих довов за fluid, такая же история.
Никто не подскажет реализацию данного макета ...

Это сообщение отредактировал(а) finogeev - 24.9.2012, 21:49

alexFast777

Дата 4.9.2014, 11:22 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Такой макет с помощью классов сетки сделать нельзя. Т.е. после класса row создаёшь div как ты хочешь.
Или можешь воспользоваться фиксированным адаптивным макетом, который фиксирован в пределах определенного размера экрана. Про фиксированных адаптивный макет можно посмотреть тут.

FineGO

Дата 11.9.2014, 08:57 (ссылка)

(нет голосов)

Загрузка ...

Верстальщик

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 11.9.2014
Где: Нижний Новгород

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

Лучше использовать bootstrap 3, там это дело корректно отрабатывает.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »