Add .form-inline
for left-aligned labels and inline-block controls for a compact layout.
This only applies to forms within viewports that are at least 768px wide.
<form class="form-inline">
<div class="form-group">
<label for="exampleEmail" class="sr-only">Email</label>
<input type="text" class="form-control" placeholder="Email" id="exampleEmail">
</div>
<div class="form-group">
<label for="examplePassword" class="sr-only">Password</label>
<input type="password" class="form-control" placeholder="Password" id="examplePassword">
</div>
<div class="checkbox">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
</div>
<button type="submit" class="btn btn-default">Sign in</button>
</form>