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
- transform
- Carousel
- position : fixed
- TRANSITION
- sass
- CSS
- 밀리초
- scss
- val()
- absolute
- Position
- form
- input
- css animation
- bootstrap
- float : left
- EventListner
- margin
- setTimeout
- vw
- display:none
- animate
- 레이아웃
- hover
- css selector
- togle
- JQuery
- navbar
- z-index
- 이벤트 버블링
Archives
- Today
- Total
목록Bootstrap grid (1)
Simple Is Best
22. [Bootstrap] Grid 레이아웃
안녕하세요. 오늘은 부트스트랩을 활용한 grid 레이아웃에 대해서 알아보겠습니다. 오늘 기온이 35도네요... 너무 더워서 반쯤 정신이 나간채로 포스팅을 올리는 점 양해바랍니다. 이전까지 우리가 레이아웃을 썼던 방법은 3가지가 있습니다. 1. float 2. display : inline-block 3. flexbox 모두 좋은 방법들입니다. 하지만 float를 쓰면 width 를 섬세하게 조정해야 한다는 점이 참 불편했었는데요. 오늘은 부트스트랩에서 제공하는 grid 에 대해서 알아보겠습니다. Bootstrap Grid 레이아웃 grid : 사이트를 균일하게 쪼개서 레이아웃을 잡고 싶을 때 사용합니다. - 내부적으로 flex-box를 활용하여 만든 것이기 때문에 IE8 이하에서는 작동하지 않습니다. g..
HTML & CSS
2021. 7. 13. 14:29