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

This article mainly introduces the bootstrap clear floating class name is which related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that everyone after reading this bootstrap clear floating class name is which article will have a harvest, let's take a look.

The name of the class that clears floats in bootstrap is that clearfix;clearfix is an auxiliary class in bootstrap, and you can easily clear floating-point numbers by adding ".clearfix" to the parent element, with the syntax "".

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

What is the name of the class that bootstrap clears the float

We know that clearing floats is a tedious task in the writing of static pages.

So the general CSS framework will have a style to clear floats.

In bootstrap, this style is called clearfix.

Just add clearfix to the parent element of the floating element that needs to be cleared.

Clearfix is used to easily clear floating point numbers by adding .clearfix to the parent element.

The syntax is similar:

...

Examples are as follows:

Create a new html file, named test.html, to explain which class is used to clear floats 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 outer div and set its width to 350px, height to 100px, and background color to gray through class.

Before the two div in the inner layer, add another div and clear the floating class name clearfix to it, so that the floats of the upper and lower div do not affect each other.

Document. Mytest {width:400px; height:50px; background:#ccc;} Test one, Test two

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

This is the end of the article on "which is the class name of the bootstrap clear float?" Thank you for reading! I believe you all have a certain understanding of the knowledge of "which is the floating class name of bootstrap removal". If you want to learn more, you are welcome to follow the industry information channel.

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.