響應式開發(bootstrap)

原理:利用媒體查詢對不同寬度的設備進行佈局和樣式的設置,從而使配不同設備的目的
bootstrap柵格系統

<div class="container">
    <div class="row">
        <div class="col-lg-3 col-sm-12">
            <div class="row">
                <div class="col-lg-3 col-sm-6">4</div>
                <div class="col-lg-3 col-sm-6">4</div>
            </div>
        </div>
        <div class="col-lg-3">2</div>
        <div class="col-lg-3">3</div>
        <div class="col-lg-3">4</div>
    </div>
</div>