1

несмотря на то, что bootstrap3 не самый новый фреймворк, тематических форумов или другого саппорта в сети почти нет. поэтому ещё раз попробую попытать счастья здесь

проблема в следующем. есть страничка, которая состоит из 3 блоков, равномерно растянутых по ширине страницы. блоки расположены в ряд. ряд перестраивается в зависимости от мобильного устройства, с которого смотрит страничку посетитель(можно изменить ширину окна браузера или понажимать CTRL + "-" чтобы увидеть перестройку блоков).

хотелось бы создать подобную страничку из 5 блоков. трудность в том, что в bootstrap шаблон 12-колоночный. а 12 не делится на 5

на стек оверфлоу не смогли ответить на этот вопрос

2
  • Смещение с помощью offset не подойдет? Будет 5 колонок шириной по 2 с отступом
    – Zamony
    22 окт 2013 в 7:34
  • не подойдёт. дело в том, что мои блоки должны быть выровнены по краям. то есть левый прилипает к левому, правый - к правому
    – cyklop77
    22 окт 2013 в 7:38

2 ответа 2

1

Ну не делится у тебя 12 на 5. Сделай тогда col-sm-2 и растяни их через display:flex. Появились проблемы с адаптивностью? Если да, тогда переделай полностью на display:grid. Там хоть 100500 колонок делай, растянутся по всей ширине и будут адаптивными.

1

Можно адаптировать bootstrap под ваши нужды http://getbootstrap.com/docs/3.3/customize/

Делаем сетку, которая делиться на 5

http://getbootstrap.com/docs/3.3/customize/#grid-system

По умолчанию - @grid-columns - 12

Например, вместо 12 ставим - 60

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.