Bootstrap Div布局

2018-03-02 19:02 更新

將div元素向左或向右對(duì)齊

.pull-left向左浮動(dòng)元素。

<!DOCTYPE HTML>
<html> 
<head> 
<link href="//www.o2fo.com/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向右浮動(dòng)元素

<!DOCTYPE HTML>
<html> 
<head> 
<link href="//www.o2fo.com/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清除任何元素上的浮動(dòng)。

<!DOCTYPE HTML>
<html> 
<head> 
<link href="//www.o2fo.com/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)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)