小編給大家分享一下bootstrap如何隱藏元素,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
深州網站制作公司哪家好,找創(chuàng)新互聯(lián)公司!從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、成都響應式網站建設等網站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時間,我們擁有了豐富的建站經驗和運維經驗,來保證我們的工作的順利進行。專注于網站建設就選創(chuàng)新互聯(lián)公司。
bootstrap隱藏元素的方法:首先打開相應的代碼文件;然后在bootstrap中通過給元素添加“display:none;”或“visibility:hidden;”樣式來隱藏元素即可。
顯示和隱藏DIV的技巧
使用bootstrap的12分柵來演示
style="display: none;" 隱藏后釋放占用的頁面空間
document.getElementById("typediv1").style.display="none";//隱藏 document.getElementById("typediv1").style.display="";//顯示
方法:
style="visibility:hidden;" 隱藏后不釋放空間 document.getElementById("typediv1").style.visibility="hidden";//隱藏 document.getElementById("typediv1").style.visibility="visible";//顯示
代碼:
以上是“bootstrap如何隱藏元素”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!