Bootstrap Div布局
2018-03-02 19:02 更新
将div元素向左或向右对齐
.pull-left向左浮动元素。
<!DOCTYPE HTML>
<html>
<head>
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin:20px;">
<div class="pull-left">This is a test.</div>
</body>
</html>.pull-right向右浮动元素
<!DOCTYPE HTML>
<html>
<head>
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin:20px;">
<div class="pull-right">This is a test.</div>
</body>
</html>.clearfix清除任何元素上的浮动。
<!DOCTYPE HTML>
<html>
<head>
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin:20px;">
<div class="clearfix">this is a test.</div>
</body>
</html>以上内容是否对您有帮助：
更多建议：