부트스트랩 질문드립니다.
본문
이건 부트스트랩이라기보단 html과 css에 더 관련이 있는거같긴한데
부트스트랩에 점보트론을 예로 들자면
아래와 같이 점보트론이 있는데 저걸 여러개 쓰려고 합니다.
근데 죄다 클래스 이름이 jumbotron이라 css속성이 모든 점보트론에 적용되는데
각각의 점보트론 div에 다른 css를 적용시키려면 어떻게 해야하나요?
클래스명을 바꾸면 부트스트랩의 css가 적용이 안될거같은데
내부에다가 또 하나의 div를 만들면 될라나요?
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p>
</div>
답변 2
.aaa {속성:스타일}
.bbb {속성:스타일}
<div class="jumbotron aaa"> aaa </div>
<div class="jumbotron bbb"> bbb </div>
허 혹시 그러면 점보트론뿐만 아니라 모든 부트스트랩 컴포넌트들이 다 그렇게 써도 되는건가요?
별도로 클래스 정의 후, 해당 요소에 클래스를 추가해주는 식으로 원래 그렇게 사용합니다.
CSS란게.......
부트스트랩이라고 해서 CSS가 고정되어 있는 것이 아니라 내려받아서 수정해 사용하면 됩니다.
마찬가지로 클래스를 복사해서 jumbotron, jumbotron1, jumbotron2 이런 식으로 사용해도 됩니다.
오 그러면 클래스명을 바꿔도 상관없는건가요?
jumbotron1부터 jumbotron100까지 만들어놓고 각각 클래스 CSS 속성 만들어놓으면 각각 적용되는건가요?
답변을 작성하시기 전에 로그인 해주세요.
