트위터 부트 스트랩 프레임 워크의 문제점

Question

첫 번째 문제는 트위터 부트 스트랩에서 일부 div를 만들거나 텍스트를 삽입 할 수 있는지 궁금합니다. 나는 평소처럼 그것을합니까? <div>, <p>, <h1> 또는 다른 텍스트 용 태그 또는 무엇? 물론 텍스트와 div가 반응 적이어야합니다.

두 번째 문제는 내가 그 요소를 스타일링하고 싶을 때 style.css 파일을 새로 만들거나 기존 부트 스트랩 CSS에 넣어야한다는 것입니다.

Answer 1

부트 스트랩을 조금 파고 보면 먼 길을 갈 것입니다. 새로운 내용이므로 How to ask a good question을 확인하고 도움말 센터에서 나머지 주제를 살펴보십시오.

프레임 워크가 실제로 작동하는지 또는 어떤 예제를 체크 아웃했는지 조사하거나 조사한 것처럼 보이지 않습니다.

CSS/HTML이 함께 작동하는 방법을 재발 명하지 않습니다. DIV도 똑같이 작동하지만 부트 스트랩이 구조를 만들기 위해 사용하는 클래스가 있습니다 (자세한 내용은 Grid System 참조). 기본적으로 내부에 row DIV와 적용 가능한 격자가있는 container DIV가 있습니다 (예 : col-xs-12, 모바일 크기의 화면 너비를 채 웁니다). 그리드는 Responsive Utilities 인 "visible"(예 : 은 요소가 모바일에 표시되도록 함) 또는 "hidden"(hidden-xs은 숨길 수 있음)과 같은 다른 요소와 페어링 된 경우 응답을 허용합니다. 이미지에 img-responsive을 추가하면 부모 모눈 DIV에 맞게 확장됩니다.

응답 성을 활성화하기 위해 메타 뷰포트 (기본 예제는 setup 참조)를 추가하는 규칙을 따라야합니다. <meta name="viewport" content="width=device-width, initial-scale=1">이 그 예입니다.

자신 만의 style.css에서 재정의하는 것이 가장 좋을 것입니다. 나는 less를 사용하고 변수 오버라이드를 위해 커스텀 LESS 파일을 갖는 것을 선호한다. (또는 LESS에 익숙하지 않고 미래에 부트 스트랩 버전을 업데이트하기위한 변화를 예상하지 않는다면, Customize Page을 사용하여 컴파일 된 CSS 파일).