Как совладать с bootstrap4?

Question

[Username]

Добрый день, при вёрстке лэндинга появились непонятные проблемы. При подключении bootstrap.min.css правая колонка не зависит от левой и наоборот и нельзя прописать min-hieght: 100% (Рис. 1)
https://codepen.io/anon/pen/QGdMKJ?editors=1100#

Ну хорошо, решил подключить bootstrap-flex.min.css, проблема с независимыми блоками решилась, но не работает min-height: 100% и появилась белая полоса внизу сайта. (Рис. 2)
https://codepen.io/anon/pen/NbdvbO?editors=1100#

Answer 1

[Ankhena]

Если этот блок удалить div class="slider-reviews" - полосы не будет. Ищите что с ним или вокруг него не так с отступами/позиционированием/размерами.

Comments

[Username]

А почему не работает min-height?

[Ankhena]

Username: у какого блока?

[Username]

Ankhena W: android-section

[Ankhena]

Username: я его вижу только для одного блока, #start-section

[Username]

Ankhena W: И #start-section в том числе у всех article минимальная высота должна быть 100%, прописываю не срабатывает свойство

[Ankhena]

Username: в том коде, который Вы выложили min-height встречается 1 раз.

В общем случае "несрабатывания" нужно проверить, а кто такие 100%, т.е. высота родителя и есть ли она.

[Username]

Ankhena W: Не обращайте внимания, что не везде min-height есть. А так, да каждый article должен быть во всю высоту экрана. https://codepen.io/anon/pen/NbdvbO?editors=1100#

[Ankhena]

Username: у container-fluid (родителя android-section) высота не задана вообще, так что все поведение правильное.

[Ankhena]

И для всех остальных article аналогично. Почему это она должна считаться от body.

[Username]

Ankhena W: Для container-fluid прописывал height: 100% не срабатывает, если указать значение не в %, а в px, то высота потомками наследуются.

[Ankhena]

Username: ну а для родителя container-fluid где высота прописана?

[Username]

непосредственно в элементах body и container-fluid прописал style="height:100%;" https://codepen.io/anon/pen/NbdvbO?editors=1100#

[Ankhena]

Username: Мы так и будем? А у body кто родитель и какая у него высота?
Я увольняюсь )))

[Ankhena]

Username: https://jsfiddle.net/fvnujnm5/ тестируйте, поочередно удаляя и добавляя высоту и/или минимальную высоту.

Answer 2

[Карл Майнхофф]

Используйте Foundation и будет вам счастье

Answer 3

[Андрей Саврасов]

Bootstrap 4, пока в alpha версии, использовать его не рекомендуется.