본문 바로가기

부트스트랩

[그리드 시스템] 부트스트랩 부트스트랩 5.1 그리드 시스템 모바일 우선된 flexbox 그리드를 사용하여 12개 열 시스템으로 이루어져 있으며, 6개 열 기본 반응형등 12로 나누어 떨어지게만 클래스를 지정하면 간단하게 반응형 레이아웃을 만들수 있다. 예제 _ 행1개 한칸 두칸 세칸 1. 부모를 container로 감싼다. 2. 자식으로 row 행을 만든다. 3. 손자로 col 열을 나눈다. 4. 손자이름은 모두 col이기 때문에 12/3 그리드를 4개씩 나누어 갖는다 참 쉽죠잉~ 예제_ 행2개 6개씩 나눠 가지자 6개씩 나눠 가지자 3개씩 나눠 가지자 3개씩 나눠 가지자 3개씩 나눠 가지자 1. 부모를 container로 감싼다. 2. 자식으로 row 행을 2개 만든다. 3. 손자로 col 열을 나눈다. 4. 첫번째 행은 6개씩.. 더보기
부트스트랩 5.1 준비하기 부트스트랩 5.1 준비하기 부트스트랩을 이용해서 빠른 서비스를 제공하고 싶다면 지금 당장 시작해요~! 1. CSS 추가하기 2. Javascript 추가하기 본문 아래에 추가해 주세요 3. 팝오버 툴팁 추가하기 커스텀제작을 원할경우 팝오버와 툴팁을 사용하고 싶다면 다음 스크립트 추가해 주세요. 팝오버가 앞에 위치하며 툴팁이 아래도 배치되야함 예시 주의 / 반응형 mata태그 추가 부트스트랩은 모바일 우선이기 때문에 올바른 렌더링과 터치를 원활히 하기 위해서는 부트스트랩 시작하기 더보기

728x90
반응형
LIST