Bootstrap Div布局

2018-03-02 19:02 更新

將div元素向左或向右對齊

.pull-left向左浮動元素。

<!DOCTYPE HTML>
<html> 
<head> 
<link href="//m.hgci.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="//m.hgci.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="//m.hgci.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>


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號