Bootstrap Inline form

Inline form

Add .form-inline for left-aligned and inline-block controls for a compact layout.


<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--   www.  j  a  va  2  s .  com-->
<body style='margin:20px;'>
<form class="form-inline">
  <input type="text" class="form-control" placeholder="Email">
  <input type="password" class="form-control" placeholder="Password">
  <div class="checkbox">
    <label>
      <input type="checkbox"> Remember me
    </label>
  </div>
  <button type="submit" class="btn btn-default">Sign in</button>
</form>
</body>
</html>

Click to view the demo





















Home »
  Bootstrap »
    Bootstrap »




Introduction
Basic HTML Style
List
Table
Form
Layout
Navigation Bar
Button
Control