1
嗨我有一个网页格式化在一个单独的div行中的4个div列我想使这个 更具响应性的引导程序...但是像Id的列宽保持静态200px宽,让他们只是“流行在网页重新缩小的情况下“。 是可能的吗?我试图重新命名类=类列= COL-MD-3div行中的静态div列?
然后试图包裹在div对中...标签这些 尝试BOT均不良
<html>
<head>
<style type="text/css">
* {margin: 0; padding: 3px;}
#container {height: 800%; width:900%; font-size: 10px;}
.columns,.spacer{display: inline-block; *display: inline; zoom: 0; vertical-align: top; font-size: 12px;}
.columns {background-color: white; width: 300px; height: 700px;}
.columns {box-shadow: 10px 10px 5px #888888;}
.spacer {background-color: transparent; width: 1px; height: 1px;}
.footerDIV {box-shadow: 10px 10px 5px #888888;}
.footerDIV {background-color: white; width: 620px; height: 100px;font-size: 12px;}
.spacerHorizontal {background-color: transparent; width: 10px; height: 10px; font-size: 12px;}
A{text-decoration:none}
</style>
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./jquery.js"></script>
<script src="./jquery.corner.js"></script>
</head>
<body>
<div id="container">
<div class="row">
<div class="columns" id="Admissions" style='border-radius: 10px; background-repeat: no-repeat;'>1</div>
<div id=1spacer1 class=spacer style="background-color: #white; width: 3px; height: 4px;"></div>
<div class="columns" id="Headcount" style='border-radius: 10px; background-repeat: no-repeat;'>2</div>
<div id=2spacer1 class=spacer style="background-color: #white; width: 3px; height: 4px;"></div>
<div class="columns" id="Test1" style='border-radius: 10px; background-repeat: no-repeat;'>3</div>
<div id=3spacer1 class=spacer style="background-color: #white; width: 3px; height: 4px;"></div>
<div class="columns" id="Test2" style='border-radius: 10px; background-repeat: no-repeat;'>4</div>
<div id=4spacer1 class=spacer style="background-color: #white; width: 3px; height: 4px;"></div>
</div>
</body>
</html>
任何建议,如何让这项工作
此外,您还可以将宽度设置为%。我个人比px更喜欢%。 :) – Levi