這篇文章主要講解了“bootstrap如何讓div隱藏”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“bootstrap如何讓div隱藏”吧！

專注于為中小企業(yè)提供網(wǎng)站設計制作、成都做網(wǎng)站服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)婁底免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了數(shù)千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

在bootstrap中，可以利用設置div的類名來讓div隱藏，使用hidden類名可以讓div元素隱藏不可見，使用show類名可以讓隱藏的div變成可見，語法為“

div的內(nèi)容

”。

本教程操作環(huán)境：Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦

bootstrap怎么讓div隱藏

在bootstrap中，提供了顯示或隱藏元素的類名，可以非常方便顯示或隱藏一個元素。

新建一個html文件，命名為test.html，用于講解bootstrap中如何顯示或隱藏內(nèi)容。使用link標簽加載bootstrap.min.css文件。

在div標簽內(nèi)，再使用div創(chuàng)建兩行文字。給兩個div添加class屬性，并通過class設置它們的樣式，其中，設置class為test的div隱藏不可見。

使用hidden類名讓子div元素隱藏不可見，使用show類名讓class為test的div由隱藏變?yōu)榭梢姟?/p>

    
    
    
    
    


    
    
        這是測試的內(nèi)容1