Bootstrap disabling responsive layouts

Bootstrap disabling responsive layouts

One of the most important technical content in bootstrap is the responsive layout, where the ability to encode a single encoding for different device terminals makes responsive technology more popular.

However, the so-called "turnip Green each their own", if you want to use bootstrap to develop your own projects but you do not like responsive layout (or the layout of the page you designed does not allow you to use responsive technology), you can disable the responsive layout in the following ways.

Remove label Disable the first step, you need to remove the add in the head tag

<meta name="viewport" content="width=device-width, initial-scale=1.0”>

The purpose of this tag is to make your site accessible on the mobile device side without scaling, but in a 100%-percent display on the mobile device.

Set width disables the second step, setting a width for the. Container class, overwriting its ability to automatically adjust depending on the width of the device. For example, you can set the. container {width:980px;}, in order to cover the original bootstrap style, it is best to import your custom CSS file after the Bootstrap.css file.

Delete Menu Folding If you use the navigation bar, then you should pay attention to the deletion of the menu on the mobile side of the folding-like expansion (mainly through the button navbar-toggle).

Grid Layout In addition, if you have a grid layout, use the. col-xs-* (minimal device raster class) style instead of. col-md-* and. col-lg-*, which ensures that the raster can be expanded across all devices.

Transferred from: http://www.yeahzan.com/course/106-bs-13.html

Bootstrap disabling responsive layouts