当屏幕较小时如何移动div

时间:2017-01-21 18:28:01

标签: html css twitter-bootstrap

我很难用推拉来移动我的div用于较小的屏幕。

大屏幕划分: [A] [B] [C]

我希望他们能够在较小的屏幕上观看:
[A] [B]
[C]

任何帮助都会很棒。谢谢!

2 个答案:

答案 0 :(得分:1)

首先,您可以通过在<head></head>代码之间加入以下代码来导入Bootstrap:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >

然后,您可以使用col-md-*col-xs-*等类来根据屏幕尺寸重新排列Div。

有关Bootstrap here的CSS的更多信息!

答案 1 :(得分:0)

bootstrap是好的,也是不错的选择,但你可以做出更多的自定义决定,这样做:

    @media only screen and (max-width: 500px){

.yourDIV {

width : 45%;
margin:2%;

}

} 

这适用于尺寸为500px及更小尺寸的屏幕,但您可以按照自己的方式进行更改。