본문 바로가기

부트스트랩2

2주차 수요일 개인과제 - bootstrap 사용하여 카피하기 부트스트랩 사용하여 카피페이지 만들기. 조건 - css 추가 x, 외부 플러그인 추가x 1. navbar에 fixed-top을 주니 아래 컨텐츠들을 잡아먹는문제. body에 padding-top:70px을 주면 된다고 한다. 다른 방법으로는, body에 class=“pt-5”를 줘서 패딩을 전체 추가해도 해결된다고 한다.(아마도 부트스트랩 내에서 해당 클래스에 패딩을 잡아놓은 듯 하다) 그러나 나는 css를 줄 수 없는데.. 어떻게 해결해야하지? cdn으로 받아온 거라 네브바 안쪽의 css를 건드릴 수도 없었다... 그냥 탑패딩을 주는것으로 처리. 애초에 main container를 navbar를 제외한 모두로 두면 되는 문제였다. row 그리드와 container그리드는 서로 겹칠일이 없다. 영역을 명.. 2020. 1. 8.
피로그래밍 12기 1주차 활동 정리 (19.12.31~20.01.06) 화요일(12.31)인프런 실전 HTML&CSS 22강까지 듣기 목요일(01.02)30강까지 끝내고... 부대복귀로 인하여 목요일 수업까지 결석. 트위터 로그인페이지 카피하기 : 수요일 과제(목요일까지 제출) 반성- id보다 클래스를 자주 사용하는 습관 들이기- 후손선택자보다 자손 선택자 사용 ( 이후 내부 div에서 코드가 꼬여서 원하는 대로 스타일 지정이 안될 수도 있음)- 백그라운드 이미지를 만들어 쓰지 말고 백그라운드 색깔넣고 이미지 올려도 되는데... z-index의 사용 시야 넓히기- 적절한 곳에 overflow:hidden주는 습관 들이기- a링크에 패딩줘서 버튼 만드는 편법도 괜찮지만.... 그냥 button 태그를 사용하자. 금요일(01.03)팀과제 : 래피드 페이지 프런트 구현하기 - 애.. 2020. 1. 6.