小編給大家分享一下bootstrap隱藏div的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創新互聯IDC提供業務:成都二樞服務器租用托管,成都服務器租用,成都二樞服務器租用托管,重慶服務器租用等四川省內主機托管與主機租用業務;數據中心含:雙線機房,BGP機房,電信機房,移動機房,聯通機房。

                                                           

顯示 隱藏DIV的技巧

使用bootstrap的12分柵來演示

style="display: none;" 隱藏后釋放占用的頁面空間

document.getElementById("typediv1").style.display="none";//隱藏

document.getElementById("typediv1").style.display="";//顯

　　　　　　　　　　　　　　　　  <div class="form-group">
                                <div class="col-lg-3 col-sm-6">
                                    <label class="col-sm-4 control-label">{{taskId}}</label>
                                    <div class="col-md-8">
                                        <input type="text" id="xxx" class="form-control">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6"  style="display:none;">
                                    <label class="col-sm-4 control-label">{{msgId}} </label>
                                    <div class="col-sm-8" 　 >
                                        <input type="text" id="xxx" class="form-control">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <label class="col-sm-4 control-label">{{createTime}}</label>
                                    <div class="xxx   input-group col-sm-8" >
                                        <input type="text" id="xxx" class="xxx">
                                        <span class="input-group-addon">
                                            <i class="fa fa-clock-o bigger-110"></i>
                                        </span>
                                    </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <label class="col-sm-4 control-label">{{to}}</label>
                                <div  class="xxxe input-group col-sm-8">
                                    <input id="xxx"
                                        class="xxx">
                                    <span class="input-group-addon"> <i
                                        class="fa fa-clock-o bigger-110"></i>
                                    </span>
                                </div>
                            </div>
                       </div>

看完了這篇文章，相信你對bootstrap隱藏div的方法有了一定的了解，想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

網站名稱：bootstrap隱藏div的方法
網站路徑：http://m.newbst.com/article4/gcseoe.html

成都網站建設公司_創新互聯，為您提供企業網站制作、營銷型網站建設、建站公司、網站營銷、定制網站、自適應網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯