DBILITY

bootstrap 3 col height 100% 본문

front-end & ui/bootstrap

bootstrap 3 col height 100%

DBILITY 2021. 4. 22. 11:43
반응형

상위 element가 모두 100%여야 가능한가?

html, body {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

/* container-fluid */
.container-fluid {
    height: 100%;
}

.row {
    height: 100%;
    min-height: 100%;
}

.col {
    height: 100%;
    min-height: 100%;
}

.main {        
    height: 100%;
    min-height: 100%;
    background-color: #eeeeee;
    overflow: hidden;
}
반응형

'front-end & ui > bootstrap' 카테고리의 다른 글

bootstrap grid system  (0) 2019.05.22
Comments