How to use bootstrap for page layout

First we need to import the bootstrap css file into the prepared cshtml file, as shown below:

Then we first Let's take a look at how we usually define a block, as shown in the figure below, declaring the width of the div. But problems arise when the screen resolution changes.

Related recommendations: "bootstrap Getting Started Tutorial"

Then the fence system is defined for us in bootstrap, as shown in the figure below , just call the style directly.

If you want to adapt between different devices, use the following style:

and if If you want to put two columns of content in one row, then split the 12 after the style into 6 as shown below.

Finally, the content of a row is usually wrapped in the row style, and clearfix is ​​added at the end to clear the floats.

To sum up, using bootstrap for page layout mainly uses its fence system to determine how many columns are in a row.

The above is the detailed content of How to use bootstrap for page layout. For more information, please follow other related articles on the PHP Chinese website!