![]()
https://devlog.jwgo.kr/2016/10/16/bootstrap-css-not-working-properly/ 부트스트랩을 사용할 때 커스텀 CSS 레이아웃이 잘 적용되지 않는다면 · Tonic 사이트 운영에 도움을 주실 수 있습니다. 고맙습니다. --> 부트스트랩을 사용할 때 커스텀 CSS 레이아웃이 잘 적용되지 않는다면 2016년 10월 16일 주의! 아래 글 중 중괄호와 퍼센트 사인 사이의 공백은 실제 코드에서 제거되어야 합니다. jekyll 문법에서 인식 오류가 발생해 공백이 삽입되어 있습니다 부트스트랩 사이트에서 제공하는 기본 레이아웃에, 장고(Django)의 html 상속과 css 중첩 구조를 사용할 때 실수하기 쉬운 부분을 설명하기 devlog.jwgo.kr 자바스크립트(jav..
text-align : center는 자손뿐 아니라 후손까지 모두 center라서 블록 모양뿐 아니라 속에 담긴 글짜까지 모두 가운데 정렬된다. 따라서 보통의 경우 margin: 0 auto 를 사용한다. 상->우->하->좌 시계방향 순서대로 숫자 4개가 나열되나 0은 상하 0, 좌우 auto 로 마진을 두어 가운데 정렬이 되게하는 방법이다. 매우 자주사용. 0 auto=> 상단, 하단 여백 X auto => 좌측과 우측의 여백을 자동으로(auto) 부여 text-align: center margin: 0 auto
![]()
jQuery 를 사용한 웹 페이지 코드를 보면 항상 등장하는것이 해당 코드 $(document).ready()이다. 1. 용도 Web Document 객체가 모두 준비되었는지를 체크하고 리턴해주는 메소드이다. 오로지 페이지를 열 때 단 한번만 실행되며 이 메소드가 true를 반환할 때 DOM은 Javascript code 실행이 준비된다. 2. 비교 $(window).on("load", function(){}) : 모든 페이지 (image, iframes)가 로드될 때 까지 기다린다. DOM은 당연히 준비된 상태이고 + BOM 까지 준비된 상태인지 확인하여 리턴 3. 예시
![]()
1. What's bootstrap? 트위치 홈페이지의 프론트엔드 디자이너들이 만들어 놓은 웹 개발 디자인 프레임워크 2. 구성 HTML CSS 대표적인 예로 자주쓰이는 것이 navbar (네비게이션 바) 3. 적용하기 위해 필요한 파일들 bootstrap.css jquery popper.js ※ bootstrap 4.0 버전부터 popper.js 포함이 필수가 되었다. 파일을 직접 로컬에 다운받아서 포함시켜도 되고 외부링크를 걸어도 좋다. ※ min이 붙으면 Minified version 으로 파일 용량을 최소하 하기위해 압축한 파일이란 뜻. 붙지 않으면 당연 Uncompressed file [외부 링크 사용 예시] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Hello, world! H..
