Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- window
- es6
- R
- table
- vaadin
- Sqoop
- tomcat
- IntelliJ
- react
- Java
- hadoop
- 보조정렬
- Eclipse
- Python
- GIT
- SQL
- mapreduce
- plugin
- MSSQL
- SPC
- SSL
- Express
- JavaScript
- NPM
- Kotlin
- 공정능력
- mybatis
- xPlatform
- Android
- Spring
Archives
- Today
- Total
반응형
목록front-end & ui/bootstrap (2)
DBILITY
bootstrap 3 col height 100%
상위 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
2021. 4. 22. 11:43
bootstrap grid system
div에 css를 통해 가로길이를 정해주는 기능으로 정해준 길이만큼 공간 점유 가로 한줄을 12등분하여 비율로 정해 배치할 수 있다. 기본 코드형태는 다음과 같다. col-칸수 형태는 bootstrap4에서만 지원한다. bootstrap3에선 col-scale-숫자 형태로 12등분 중 몇칸을 점유할지 설정한다. scale은 extra small,small, middle, large, extra large순이다. col-sm-숫자 : 576px이하면 세로로 배치 col-md-숫자 : 768px이하면 세로로 배치 col-lg-숫자 : 992px이하면 세로로 배치 col-xl-숫자 : 1200px이하면 세로로 배치 쉽게 사용하도록 도움이 되는 사이트는 아래와 같다. Shoelace - Visual Bootst..
front-end & ui/bootstrap
2019. 5. 22. 13:37
반응형