響應式網格布局

<div class="container">
    <h1>帶媒體查詢的響應式網格布局</h1>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, omnis?</div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, omnis?</div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, omnis?</div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, omnis?</div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, omnis?</div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, omnis?</div>
    </div>
</div>