Как в сетке Bootstrap прижать дочерний блок к низу родительского?

Question

[kotey]

Доброго времени суток, уважаемые!
Возникла проблема с сеткой Bootstrap v3 (именно третья версия).
Суть: имеется вот такая схема jsfiddle.net/KatSSS/98u1cahj

и в ней надо блок "слайдер" прижать к низу общего родительского. Но как это сделать...

Заранее благодарю за ответ.

Answer 1

[Саша]

kotey учитесь верстать без использования твиттер бутстрапа.
как итог научитесь и код будет чище!

Comments

[kotey]

Вообще-то из бутстрапа я использую только сетку. И простите уж, но абсолютно не вижу причин по которым должен убить кучу сил и времени, чтобы сделать свою сетку с нуля, вместо того, чтобы взять готовую и оттестированную.

[NaN]

kotey, смотря на ваш код - сетку бутстрапа Вы использовать не умеете. Ну не может быть в одном row 20 колонок, если конечно Вы не кастомизировали количество колонок под себя. А скорее всего нет, иначе все колонки бы у вас вместились.

[kotey]

NaN, вообще-то может. Поместите в .row 10 колонок "col-*-4" и они у вас просто выстроятся в три ряда. Причём, никаких проблем с отображением не будет, если колонки одной высоты. Ну а если разной, то да... получится, как в примере - колонки смешаются. Правда, при отображении col-xs-12 они вернутся на свои места (по порядку выстроятся).

[Саша]

kotey, в общем то написание своей сетки это не больше 15 минут дела, если знаете в этом толк.
момент в другом - если только учитесь верстать, то тут да, лучше не писать свое решение, а использовать готовое НО в перспективе учитесь сами.

а теперь вернемся к вашему вопросу - используете готовую, следовательно разбирайтесь как прибить футер)
писали бы свою - уже лучше, более гибкое решение и наверняка предусмотрели бы такой момент.

в целом, напишите свой каркас с прибитым футером, а в нем уже используйте бутстраповскую сетку.

[kotey]

Саша, ну не знаю... 15 минут это не сетка - это, имхо, медиа файл написать разве что.

По теме поступил просто, хоть и коряво. Прописал родителю position: relative; дочернему position: absolute; и всё. Ну и на мелких разрешениях добавил padding: высотой в блок, чтобы он на налезал на вёрстку.

А на будущее... уже Бутстрап 4 вышел, там таких проблем нет.

[Саша]

kotey, повесить элемент на absolute не есть хорошее решение и если подойдет то в редких случаях.
лучше бы научились качественно верстать, чем использовать твиттер бутстрап и писать костыли)

[kotey]

Саша, *тихо вздохнув* мне не надо общие редкие... мне нужно вот в это конкретном случае.
Хм... то есть бутстрап только для лузеров?

[Саша]

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

[kotey]

Саша, простите, но вы знаете что-то более шаблонное, чем тот же лендинг?
Что же касательно "не умеющих верстать"... понимаете, бутстрап - это просто инструмент. Инструмент для ускорения работы. А то ведь и "Винды-линуксы для лохов", настоящие то профи свою ОС пишут и никак иначе!

з.ы. К слову, чуть выше я упоминал, что из бутстрапа беру только сетку.

Answer 2

[NaN]

kotey, такие вещи решаются не бутстрапом, а обычным css. Это никак не относится к сетке. То, о чем вы спрашиваете - это основы. Почитайте про позиционирование. И изучите основы верстки хотя бы, потом используйте различные фреймворки.

Comments

[kotey]

Простите, но "обычным css" я и сам могу. Благо методов немеряно придумало, от display: table; до position: absolute; (а то можно ещё и JS покопать). Но мне вот нужно на Bootstrap (причём, Bootstrap именно третьей версии).

Answer 3

[Виктор Таран]

Сам бутстрап bootstrap3 такого делать не умеет

Comments

[kotey]

Увы, нет. По крайней мере я ничего не нашёл.