Shulou(Shulou.com)06/03 Report--

This article mainly shows you "bootstrap is not a responsive layout", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "bootstrap is not a responsive layout" this article.

When it comes to responsive layouts, the concept of bootstrap comes to mind. Responsive web layout is a way for users to get good vision through browsers of different sizes. It is a popular layout method at present.

Responsive layout is a concept put forward by Ethan Marcotte in May 2010. in short, a website can be compatible with multiple terminals-rather than making a specific version for each terminal. This concept is born to solve the problem of mobile Internet browsing.

Responsive layout can provide more comfortable interface and better user experience for users of different terminals, and with the popularity of large-screen mobile devices, it is not too much to describe it as "the general trend". As more and more designers adopt this technology, we see not only a lot of innovation, but also some shaping patterns.

Advantages:

Strong flexibility in the face of different resolutions

Can quickly solve the problem of multi-device display adaptation.

Disadvantages:

Compatible with all kinds of equipment, heavy workload and low efficiency

The code is cumbersome, there will be hidden useless elements, and the loading time will be longer

In fact, this is a kind of eclectic design solution, which is affected by many factors and cannot achieve the best effect.

To a certain extent, the original layout structure of the website has been changed, and the users will be confused.

We have learned what is responsive layout above, so how to design it in our actual project?

In the past, when we designed a website, we would be troubled by the compatibility of different browsers and a device of different size. how should we calm down?

Where there is demand, there will be a solution. When it comes to responsive layout, we have to mention Media Query (Media query) in CSS3, which is a good thing, easy to use, powerful and fast. Media Query is a sharp tool for making responsive layouts. Using this tool, we can easily and quickly create a variety of rich and practical interfaces.

What is Media Query (Media query) in CSS3?

Define stylesheet rules through different media types and conditions.

Media query enables CSS to act more accurately on different media types and different conditions of the same medium.

Most of the media features of media queries accept that min and max are used to express "greater than or equal to" and "less than or equal to".

For example, width will have min-width and max-width media queries that can be used on @ media and @ import rules in CSS, as well as in HTML and XML.

Through this tag attribute, we can easily achieve rich interfaces under different devices, especially mobile devices, which will be used more widely.

The above is all the content of the article "is bootstrap a responsive layout". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.