Shulou(Shulou.com)05/31 Report--

This article mainly explains "bootstrap how to hide div", the content of the explanation is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "bootstrap how to let div hide" it!

In bootstrap, you can use the class name that sets the div to hide div, use the hidden class name to make the div element hidden and invisible, and use the show class name to make the hidden div visible, with the syntax "content of div".

Operating environment of this tutorial: Windows10 system, bootstrap3.3.7 version, DELL G3 computer

How does bootstrap make div hide?

In bootstrap, a class name that shows or hides an element is provided, which makes it very convenient to show or hide an element.

Create a new html file, named test.html, to explain how to show or hide content in bootstrap. Use the link tag to load the bootstrap.min.css file.

Within the div tag, use div to create two lines of text. Add the class attribute to the two div and style them through class, where the div that sets class to test is hidden and invisible.

Use the hidden class name to make the child div element hidden and invisible, and the show class name to make the div whose class is test from hidden to visible.

Document .mydiv {width:400px; height:50px; background:#ccc;} .mydiv.test {display:none;} this is content 1 of the test and this is content 2 of the test.

Open the test.html file in the browser to see the effect of the implementation.

Output result:

Thank you for your reading, the above is the content of "bootstrap how to hide div". After the study of this article, I believe you have a deeper understanding of how bootstrap makes div hide this problem, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.