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

Question 1

Kingsoft Office Suite

Kingsoft Office - это амбициозный клон Microsoft Office. Прямо сейчас, он находится в бета-версии, но он отлично работает для меня.

Что мне нравится

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

Что мне не нравится

Причудливый и быстрый дизайн очень близок к Microsoft Office (людям, которые приходят из Windows, понравится )

Снимок экрана

Загрузить

Загрузить его со страницы загрузки: http://wps-community.org/download.html

Question 2

Использовать значения высоты:

#a { height: 33%}
#b { height: 17%}
#c { height: 50%}

https://codepen.io/anon/pen/ejXKQg

Question 3

Question 4

Добавьте эти правила CSS

.container {
    display: inline-flex;
    flex-flow: column;
}
.container > #a{
    flex:0.33 1;
}
.container > #b{
    flex:0.17 1;
}
.container > #c{
    flex:0.5 1;
}

Allan · Answer 1 · 15 August 2018 в 16:59

Использовать значения высоты:

#a { height: 33%}
#b { height: 17%}
#c { height: 50%}

https://codepen.io/anon/pen/ejXKQg

0

ответ дан Allan 15 August 2018 в 16:59

MadPapo · Answer 2 · 15 August 2018 в 16:59

Добавьте эти правила CSS

.container {
    display: inline-flex;
    flex-flow: column;
}
.container > #a{
    flex:0.33 1;
}
.container > #b{
    flex:0.17 1;
}
.container > #c{
    flex:0.5 1;
}

1

ответ дан MadPapo 15 August 2018 в 16:59

1

Этот бутстрап? – nowox 13 August 2018 в 15:54
2

Это четыре правила CSS в «синтаксисе Bootstrap», (с использованием гибкого позиционирования). Это несовместимо с IE7 / IE8, но это похоже на то, что Bootstrap делает это – MadPapo 13 August 2018 в 15:55

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

Kingsoft Office Suite

Что мне нравится

Что мне не нравится

Снимок экрана

Загрузить

2 ответа

Другие вопросы по тегам:

Похожие вопросы: