The bootstrap two div automatically ADAPTS to the screen side by side how to write-CodePudding

Source code for the following

Effect on the computer is good, but in the mobile web page open, figure is only half figure, because there is no completely figure shows that there is a scroll bar around, around but no scroll bar, the effect the following

For everyone a great god, and how to use the bootstrap can fully display in the mobile terminal and can automatically zoom nature is best, if not, there is a scroll bar is also very good, thank you very much,

CodePudding user response:

Col - XX - 1 set like this, write a big resolution, try to write a small resolution

CodePudding user response:

https://v3.bootcss.com/css/to see the inside of the "instance: mobile devices and desktop screen", hope to have help

CodePudding user response:

This figure is what controls you, different controls, the adaptive effect is different,

CodePudding user response:

To adapt to the PC landscape and mobile phone screen, and this is not a simple matter, including lots of specialized the front end of the framework, can't be perfect,

But I still recommended bootsramp adaptive front-end framework to do, such as don't try to write their own style control completely,

Write their own, dead tired also do bad, why?

CodePudding user response:

The test interface design ability is,
On the basis of the understanding of the business, cut the reasonable interface is divided into different parts,
And adopt reasonable layout to ensure that different screen mode adaptive effect,
It takes a lot of thinking and experience

CodePudding user response:

reference 5 floor foren_whb reply:

PC landscape must adapt and mobile phone screen, and this is not a simple matter, including lots of specialized the front end of the framework, can't be perfect,

But I still recommended bootsramp adaptive front-end framework to do, such as don't try to write their own style control completely,

Write their own, dead tired also do bad, why?

reference 5 floor foren_whb reply:

PC landscape must adapt and mobile phone screen, and this is not a simple matter, including lots of specialized the front end of the framework, can't be perfect,

But I still recommended bootsramp adaptive front-end framework to do, such as don't try to write their own style control completely,

Write their own, dead tired also do bad, why?

You said, is exactly what I want, the problem is that I write not to come out ah, please help to change the following code, thank you very much

CodePudding user response:

@ media

CodePudding user response:

refer to the eighth floor t900407 response:

@ media

By judging the type of equipment, the width can be set different styles

CodePudding user response:

refer to 7th floor zhengyingcan response:

Quote: refer to fifth floor foren_whb response:

To adapt to the PC landscape and mobile phone screen, and this is not a simple matter, including lots of specialized the front end of the framework, can't be perfect,

But I still recommended bootsramp adaptive front-end framework to do, such as don't try to write their own style control completely,

Write their own, dead tired also do bad, why?

reference 5 floor foren_whb reply:
PC landscape must adapt and mobile phone screen, and this is not a simple matter, including lots of specialized the front end of the framework, can't be perfect,

But I still recommended bootsramp adaptive front-end framework to do, such as don't try to write their own style control completely,

Write their own, dead tired also do bad, why?

You said, is exactly what I want, the problem is that I write not to come out ah, please help to change the following code, thank you very much

You should first learn the bootstrap, look at your code, you have not studied the bootstrap?

Using the bootstrap grid layout, will see the container at least, xs - XXXXX, md - XXXXX this class!

CodePudding user response:

You it's not the bootstrap, adaptive bootstrap is bringing screen, the bootstrap screen is divided into 12, corresponding to the screen size, similar to this,
The md xs corresponding relation to
Col - lg is commonly used in domestic equipment, (min - width: 1200 px);
Col - md is commonly used in screen equipment, (min - width: 992 px);
Col - for small screen devices, sm (min - width: 768 px);
Col - xs for subminiature equipment, (Max - width: 768 px);

CodePudding user response:

Know the bootstrap grid, you write dead pixel was adapt to a hair

CodePudding user response:

In addition to an outer div should use is bootstop, layer is h4,,,

CodePudding user response:

You can try to learn the bootstrap w3cschool

CodePudding user response:

11 references weixin_41902841 response:

you it's not the bootstrap, adaptive bootstrap is bringing screen, the bootstrap screen is divided into 12, corresponding to the screen size, similar to this,
The md xs corresponding relation to
Col - lg is commonly used in domestic equipment, (min - width: 1200 px);
Col - md is commonly used in screen equipment, (min - width: 992 px);
Col - for small screen devices, sm (min - width: 768 px);
Col - xs for subminiature equipment, (Max - width: 768 px);

I change to the following code

nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull

Page link：https//www.codepudding.com/net/54447.html

Prev:On the issue of the AES decryption, for help

Next:Knowledge on.net

Tags：

ASP.NET

Links：
CodePudding