Bootstrap Forms

Prev Tutorial Next Tutorial

Design Forms Using Bootstrap

Form controls automatically receive some global styling with Bootstrap. In Bootstrap, there are three types of form layouts:

  • Vertical form (this is default)
  • Horizontal form
  • Inline form

Bootstrap Forms Example

<!DOCTYPE html>
<html lang="en">

  <link rel="stylesheet" href="">
  <script src=""></script>
  <script src=""></script>

<div class="container">
  <h2>Vertical (basic) form</h2>
    <div class="form-group">
      <label for="email">Email:</label>
      <input type="email" class="form-control" id="email" placeholder="Enter email">
    <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd" placeholder="Enter password">
    <div class="checkbox">
      <label><input type="checkbox"> Remember me</label>
    <button type="submit" class="btn btn-default">Submit</button>



Prev Tutorial Next Tutorial

Download Projects

Google Adsense Advertisements
Free Classified Site – Bedpage

Yahoo Advertisements