Bootstrap disable responsive Layout

One of the most important technologies in Bootstrap is the responsive layout. The powerful capabilities of a single code for different device terminals make responsive technology increasingly popular.

However, the so-called "radish vegetables have their own love ", if you want to use Bootstrap to develop your own projects but happen to dislike responsive layout (or the page layout you designed does not allow you to use responsive technology), you can use the following method:Disable responsive Layout. Remove tag

To disable the first step, remove

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

This tag does not scale your website when it is accessed on mobile devices, but is displayed on mobile devices at a rate of 100%. Set width

Disable Step 2 and set a width for the. iner class to overwrite the function that is automatically adjusted based on the device width.

For example, you can set. Container {width: 980px1_volume. to overwrite the original bootstrapformat, you 'd better introduce your own CSS file after the bootstrap.css file. Delete menu collapse

If you use the navigation bar, you need to delete the folding sample of the menu on the mobile terminal (mainly through the navbar-Toggle of the button ). Grid layout

In addition, if you use a grid layout, you must use it. col-xs-* (the smallest device raster class) style to replace. col-MD-* And. col-LG-* To ensure that the grid can be expanded across all devices.

After performing the preceding steps, you can disable the responsive layout in your project. What are you waiting? Try it!