728x90

Modal 2

[ Bootstrap ] 다양한 기능 부트스트랩 위치와 Font Awesome

[ Bootstrap ] 다양한 기능 부트스트랩 위치와 Font Awesome Bootstrap CSS 적용 bootstrap.min.css bootstrap.min.css.map 파일을 /bootstrap4/css/에 넣고 link 함. Bootstrap Javascript 적용 "Compiled CSS and JS" Download > jsDeliver 찾기 > 밑에 스트리트 3줄 찾아 전에 복사 Bootstrap Navbar 적용 Components 인덱스 Navbar 위치 원하는 나브 바 적용 Bootstrap 디자인 적용 Utilities > Colors 위치 원하는 디자인 적용 Bootstrap 웹사이트 모양 적용 1. bootstrap > 상단에 Examples > Blog 원하는 모양 적용..

Back-End/Django 2021.10.24

[ Bootstrap ] 부트스트랩 Spacing Row Margin 마진 Padding 패딩 Card Modal 활용

[ Bootstrap ] 부트스트랩 Spacing Row Margin 마진 Padding 패딩 Card Modal 활용 col은 행으로 x축과 같이 폭을 설정하는 단위이다 row은 열로 y축과 같이 높이를 설정하는 단위이다. Bootstarap Spacing Row margin : 마진은 경계 바깥쪽 간격을 의미한다. 경계선으로부터 떨어진 거리를 의미한다. padding : 패딩은 경계 안쪽 간격을 의미한다. 경계선으로부터 페이지 내용까지의 거리를 의미한다. t = 위쪽 b = 아래쪽 l = 왼쪽 r = 오른쪽 x = 왼오(x축) y = 위아래(y축) (없음) = 왼쪽, 오른쪽, 위, 아래 표에 나와있는 속성을 마진과 패딩으로 조합해 활용할 수 있다. 예를 들어 이 태그는 행의 마진을 위아래로 3px 만..

Back-End/Django 2021.10.22
728x90