bootstrap : 응답시

Question

으로

---

삽입 반응 형 부트 스트랩 프레임 워크를 사용하여 웹 사이트를 디자인하고 있습니다.

다음으로 서로 3 개의 콘텐츠 영역이 있습니다 (가로 방향). 작은 디스플레이가있는 경우이 두 가지 컨텐츠가 서로 일치합니다 (일반적인 응답 설계).

이제 서로 아래에있는 각 콘텐츠 블록 다음에 <hr/>을 추가하고 싶습니다.

<div class="row-fluid content"> 
    <div class="span4">test1</div> 
    <div class="span4">test2</div> 
    <div class="span4">test3</div> 
</div> 

큰 디스플레이의 전체 코드입니다.

일부 디스플레이에는 2 개의 블록 아래에 수평 2 블록과 1 블록이 있습니다. 다음 두 줄 사이에 <hr/>을 삽입하고 싶습니다.

Answer 1

부트 스트랩은 미디어 쿼리에 따라 장치별로 모든 요소의 가시성을 관리하는 클래스를 제공합니다. 당신은 <hr/> 요소를 배치해야 느릅 나무 특정 뷰포트에서만 볼 수 있습니다 :

<div class="row-fluid content"> 
    <div class="span4">test1</div> 
    <hr class="visible-phone"/> 
    <div class="span4">test2</div> 
    <hr class="visible-phone"/> 
    <div class="span4">test3</div> 
</div> 

이 Responsive utility classes 이상 설명서를 참조하십시오.