[html] 소형 장치의 Twitter 부트 스트랩 숨기기 요소

소형 기기 : 4 columns x 3 (= 12) ==> col-sm-3

초소형 : 3 columns x 4 (= 12) ==> col-xs-4

 <footer class="row">
        <nav class="col-xs-4 col-sm-3">
            <ul class="list-unstyled">
            <li>Text 1</li>
            <li>Text 2</li>
            <li>Text 3</li>
            </ul>
        </nav>
        <nav class="col-xs-4 col-sm-3">
            <ul class="list-unstyled">
            <li>Text 4</li>
            <li>Text 5</li>
            <li>Text 6</li>
            </ul>
        </nav>
        <nav class="col-xs-4 col-sm-3">
            <ul class="list-unstyled">
            <li>Text 7</li>
            <li>Text 8</li>
            <li>Text 9</li>
            </ul>
        </nav>
        <nav class="hidden-xs col-sm-3">
            <ul class="list-unstyled">
            <li>Text 10</li>
            <li>Text 11</li>
            <li>Text 12</li>
            </ul>
        </nav>
    </footer>

말했듯이 hidden-xs로는 충분하지 않으므로 xs와 sm 클래스를 결합해야합니다.

다음은 사용 가능한 반응 형 클래스 와 그리드 시스템 에 대한 공식 문서에 대한 링크 입니다.

머리에 :

• 1 행 = 12 열
• 를 들어 X TRA의 S의 쇼핑몰 장치 : COL-XS -__
• 들어 SM 모든 장치 : COL-SM -__
• 들면 M 전자 D의 IUM 장치 : COL-MD -__
• 용 L AR G의 전자 장치 : COL-LG -__
• 확인 만 볼 (기타에 숨겨진) : 볼-MD (중간에있는 [없는 LG XS 또는 SM에서] 바로 볼 수 있음)
• 확인 에만 숨겨진 (기타에 표시) : 숨겨진-XS (단지 XtraSmall에 숨겨진)