Bootstrap Div布局

将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>


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部