Bootstrap responsive layout 1. bootstrap response Layout

Bootstrap responsive layout 1. bootstrap response Layout

Recently, due to the course design, I started learning bootstrap. First, bootstrap is equivalent to a CSS library ~, Setting various classes in html is equivalent to calling bootstrap.

However, since bootstrap is powerful, it is certainly not that simple. Through learning, I learned LESS, a CSS pre-compiler, and realized the power of LESS development ~! We only need LESS to generate CSS, which greatly simplifies the complexity of CSS writing!

So far, the following things have been done with bootstrap:

1. A responsive conveyor belt can be displayed in a wide and highly adaptive manner on all devices!

2. A responsive navigation bar. The principle is: when a breakpoint is set, the device automatically adapts to this breakpoint ~

3. Three columns of a response type. When the screen is large enough, three columns are displayed; otherwise, one column is displayed.

4. Use the FA icon to make the website more modern

Bootstrap, still learning ~ More communication ~