IT Dev Log

Bootstrap Web 만들기 part. 3 Banner 만들기 - 텍스트 꾸미기 - 버튼 꾸미기 배너에 들어갈 내용을 작성한다. container-fluid : 컨테이너를 하나 생성, 사이즈는 화면 풀사이즈 텍스트 디자인 버튼 디자인 끝.

Bootstrap Web 만들기 part. 2 Navbar 만들기 Navbar 에 들어가는 메뉴를 생성한다. 이제부터 bootstrap navbar 에 대한 스타일을 적용한다. 화면의 크기가 md 설정보다 작은 경우, 세로로 메뉴가 보이게 된다. 다음은 회사의 메뉴에 로고를 추가해보자. 메뉴 스타일 변경 - 메뉴 로고 사이즈 2배 : fa-2x - 매뉴 배경 어둡게 : bg-dark - 메뉴 아이템 밝게 : text-light - 메뉴 아이템 대문자 표시 : text-uppercase - 메뉴 아이템 볼드 : text-weight-bold - 좌우 pading 3 적용 : px-3 Dropdown 메뉴 추가하기 Projects 메뉴아래 서브메뉴 추가한다. dropdown-toggle : 하위 메뉴가있다는..

부트스트랩만으로 웹사이트 만들기 웹사이트를 위한 폴더를 하나 생성하고 사용할 이미지를 저장할 폴더, 그리고 index.html 하나를 생성한다. Bootstrap 공식 웹사이트에서 starter template를 복사해서 index.html 파일에 붙여넣는다. 여기서 title 과 body 에 있는 부분만 다음과 같이 수정해 준다. 그리고 브라우저를 이용해서 index.html 파일을 열어보자. * FontAwesome 사이트에서 여러가지 이미지를 사용하기 위해서 라이브러리를 추가해주어야 한다. 예전에는 공개된 소스를 받아서 했는데, 현재는 사용자 계정을 생성하고 kit 을 받아서 하는 방식으로 변경되었다. 이제 마지막으로 웹사이트 로고를 추가해 보자. 끝.