Bootstrap div layout
Align div element to left or right
.pull-left floats an element left.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--from ww w. j a v a2 s . c om-->
<body style='margin:20px;'>
<div class="pull-left">This is a test.</div>
</body>
</html>
.pull-right floats an element right
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- ww w. java 2s. c o m-->
<body style='margin:20px;'>
<div class="pull-right">This is a test.</div>
</body>
</html>
.clearfix clears the float on any element.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- ww w. jav a 2s .com-->
<body style='margin:20px;'>
<div class="clearfix">this is a test.</div>
</body>
</html>