                   <div class="col-12 d-block d-lg-none">
                        <div class="nav nav-pills d-flex justify-content-center" role="tablist">
                            <a class="nav-link active show" href="#tab_alert"  role="tab" data-toggle="pill">警告框</a>
                            <a class="nav-link" href="#tab_badge"  role="tab" data-toggle="pill">徽章</a>
                            <a class="nav-link" href="#tab_breadcrumb"  role="tab" data-toggle="pill">面包屑导航</a>
    