세연아빠의 개발과 일상의 모습

부트스트랩 사용법 (버튼) 부스트르랩 공인 사이트 http://getbootstrap.com/ 1. 2. 3. 9. 10. 헬로우, 월드! 11. 12. 13. 14. 1. 2. 큰 버튼 3. 큰 버튼 4. 5. 6. 기본 버튼 7. 기본 버튼 8. 9. 10. 작은 버튼 11. 작은 버튼 12. 13. 14. 미니 버튼 15. 미니 버튼

미디어쿼리 스크린 사이즈 미디어쿼리 스크린 사이즈 예시1 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* Tablets, iPads (portrait and landscape) ----------- */ @media ..

부트스트랩 및 반응형 웹정리부트스트랩 및 반응형 웹정리 반응형 웹 핵심기술 3가지/////////////////////////////////////////////////////////////////////////////////// 1 가변그리드: px(픽셀) 대신 %(가변) 로 사용하는것가변(변동) 그리드(여백,패딩) 2 미디어쿼리(화면크기를 질문 device 화면사이즈)@media all end (min-width:320px) {body{background:green;} } 3 뷰포트 화면에 보이는 영역을 제어하는 기술미디어 쿼리로 수많은 기기의 화면 크기를 감지해야 할때 꼭 필요함데스크톱은 사용자가 지정한 해상도가 보이는 영역이 되지만스마트 기기는 기본 설정값이 보이는 영역으로 설정되기 때문에미디워쿼..