bootstrap-響應式工具和打印樣式

響應式工具：

<div class="container">
    <!--
        針對不同的寬度 展示或隱藏相關內容
        visible-lg-block            顯示
        hidden-lg                    隱藏
     -->
    <div class="row">
        <div class="col-lg-4 visible-lg-block">1</div>
        <div class="col-lg-4 visible-lg-inline">2</div>
        <div class="col-lg-4 visible-lg-inline-block">3</div>
    </div>

    <div class="row">
        <div class="col-lg-4 hidden-lg">4</div>
    </div>
</div>

打印樣式：

<div class="container">
    <!--
        visible-print-block:        只有在打印的時候顯示
        hidden-print                打印的時候不顯示
     -->
    <div class="row">
        <div class="col-lg-3 visible-print-block">1</div>
        <div class="col-lg-3 visible-print-inline">2</div>
        <div class="col-lg-3 visible-print-inline-block">3</div>
        <div class="col-lg-3 hidden-print">4</div>
    </div>
</div>