테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩 질문드립니다. 채택완료

헐크매니아 8년 전 조회 3,408

이건 부트스트랩이라기보단 html과 css에 더 관련이 있는거같긴한데

부트스트랩에 점보트론을 예로 들자면

아래와 같이 점보트론이 있는데 저걸 여러개 쓰려고 합니다.

근데 죄다 클래스 이름이 jumbotron이라 css속성이 모든 점보트론에 적용되는데

각각의 점보트론 div에 다른 css를 적용시키려면 어떻게 해야하나요?

클래스명을 바꾸면 부트스트랩의 css가 적용이 안될거같은데

내부에다가 또 하나의 div를 만들면 될라나요?

</strong> </p><p><div class="jumbotron"></p><p>  <span class="Apple-tab-span" style="white-space:pre">		</span><h1>Bootstrap Tutorial</h1>      </p><p> <span class="Apple-tab-span" style="white-space:pre">		</span> <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></div></p><p><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px;">
  

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
8년 전

.aaa {속성:스타일}

.bbb {속성:스타일}

 

<div class="jumbotron aaa"> aaa </div>

<div class="jumbotron bbb"> bbb </div> 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

헐크매니아
8년 전
허 혹시 그러면 점보트론뿐만 아니라 모든 부트스트랩 컴포넌트들이 다 그렇게 써도 되는건가요?
s
sinbi
8년 전
별도로 클래스 정의 후, 해당 요소에 클래스를 추가해주는 식으로 원래 그렇게 사용합니다.
CSS란게.......

댓글을 작성하려면 로그인이 필요합니다.

8년 전

부트스트랩이라고 해서 CSS가 고정되어 있는 것이 아니라 내려받아서 수정해 사용하면 됩니다.

마찬가지로 클래스를 복사해서 jumbotron, jumbotron1, jumbotron2 이런 식으로 사용해도 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

헐크매니아
8년 전
오 그러면 클래스명을 바꿔도 상관없는건가요?
jumbotron1부터 jumbotron100까지 만들어놓고 각각 클래스 CSS 속성 만들어놓으면 각각 적용되는건가요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인