본문 바로가기

부트스트랩2

CSS[2] 그리드 만들기 여기에서는 그리드 트랙 사이에 작은 간격을 가진 기본 3x3 그리드를 생성합니다.다음과 같은 기본 그리드를 생성합니다 :기본 3x3 격자 (3 행 및 3 열).코드는 다음과 같습니다. Example #grid { display : grid ; grid-template-rows : 1fr 1fr 1fr ; grid-template-columns : 1fr 1fr 1fr ; grid-gap : 2vw ; }#grid > div { text-size : 5vw ; padding : 0.5em ; background : gold ; text-align : center ;} 1 2 3 4 <.. 2018. 12. 19.
CSS 그리드가 부트스트랩 보다 나은 이유 CSS Grid는 웹에 레이아웃을 만드는 새로운 방법입니다. 처음으로 우리는 브라우저에서 기본적으로 사용할 수있는 적절한 레이아웃 시스템을 갖추고있어 많은 이점을 제공합니다.CSS Grid를 가장 인기있는 프레임 워크, 즉 Bootstrap과 비교하면 이러한 이점이 특히 명확 해집니다 ( 여기서는 btw 에 대한 무료 과정을 만들었습니다 ).JavaScript를 도입하지 않으면 이전에는 불가능했던 레이아웃을 만들 수있을뿐만 아니라 코드를 유지하고 이해하기가 더 쉬울 것입니다.이 기사에서는 왜 그런지 설명 할 것입니다.참고 : 또한 무료 CSS 그리드 과정을 만들었습니다. 여기를 클릭하면 전체 내용을 볼 수 있습니다.또는 과정 전반에 걸쳐 배울 내용을 설명하는 이 기사를 확인하십시오 .CSS Grid를 배.. 2018. 12. 17.