Bootstrap-friendly layout for mobile devices and bootstrap-Layout

Bootstrap-friendly layout for mobile devices and bootstrap-Layout

Bootstrap has several useful classes for developing mobile device-friendly la S.

. Visible-phoneIt is visible on the phone whose width is 767px and below. It is invisible to the tablet whose width is 979px to 768px, and invisible to the desktop. This is the default value.

. Visible-tabletHidden and invisible on the cell phone whose width is 767px and below, visible on the tablet from 979px to 768px, invisible on the desktop, which is the default value.

. Visible-desktopHidden and invisible on the cell phone whose width is 767px or lower, hidden and invisible on the tablet from 979px to 768px, which is the default value on the desktop.

. Hidden-phoneHidden and invisible on the cell phone whose width is 767px and below, visible on the tablet from 979px to 768px, and visible on the desktop, which is the default value.

. Hidden-tablet, Visible on the phone whose width is 767px and below, hidden and invisible on the tablet from 979px to 768px, and visible on the desktop, which is the default.

. Hidden-desktop, Visible on the phone whose width is 767px and below, visible on the tablet from 979px to 768px, invisible on the desktop, which is the default.

We directly go to the Code:

<! Doctype html> 

For the effect, switch Dreamweaver to the design mode, and then switch different devices, such: