0
使列我写这样一个基本的代码用于实验目的:响应在引导
<!doctype html>
<html lang='en'>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap-theme.min.css">
<style type="text/css">
.pos {
position: relative;
}
.well1, .well2 {
position: relative;
height: 380px;
}
</style>
</head>
<body>
<div class="container pos">
<div class="col-sm-12">
<div class="well"></div>
</div>
<div class="col-sm-6">
<div class="well well1"></div>
</div>
<div class="col-sm-6">
<div class="well well2"></div>
</div>
<div class="col-sm-12">
<div class="well"></div>
</div>
</div>
</body>
</html>
这是输出:
但相同的布局不会出现在手机屏幕。
我该如何解决它?
将您的'col-sm- *'类更改为'col-xs- *'。您的移动设备正在使用xs断点。 – Marcelo 2015-03-13 15:56:13
太棒了....谢谢 – 2015-03-13 15:59:42