Bootstrap Tutorial - Pull left and right








The following code shows how to pull left and right.

Example

<!--from w w w .  ja va 2 s .c  o  m-->
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<style type="text/css">
div, p {
  margin: 20px;
  padding: 20px;
  background: #f0e68c;
}
</style>
</head>
<body>
  <div class="pull-left">Float to left</div>
  <p class="pull-right">Float to right</p>
</body>
</html>

Click to view the demo