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

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

Форум программистов > Вёрстка веб-сайтов > Кто поможет с Bootstrap

Автор: finogeev 24.9.2012, 21:48

Вообщем всегда делал на http://twitter.github.com/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, такая же история.
Никто не подскажет реализацию данного макета ...

Автор: alexFast777 4.9.2014, 11:22

Такой макет с помощью классов сетки сделать нельзя. Т.е. после класса row создаёшь div как ты хочешь.
Или можешь воспользоваться фиксированным адаптивным макетом, который фиксирован в пределах определенного размера экрана. Про фиксированных адаптивный макет можно посмотреть http://itchief.ru/lessons/bootstrap-3/25-lesson-no-6-adaptive-site-layout-on-the-engine,-twitter-bootstrap.

Автор: FineGO 11.9.2014, 08:57

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