Bootstrap Tutorial - Mark control group








The following code shows how to mark control group.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
</head><!--  ww  w.  j av  a 2 s.  c  o m-->
<body style='margin:30px'>
  <form class="form-horizontal">
    <div class="control-group">
      <label class="control-label" for="inputName">Name</label>
      <div class="controls">
        <input type="text" placeholder="Name">
      </div>
    </div>
    <div class="form-inline">
      <div class="control-label">
        <label for="inputCC">CC</label> 
        <label for="inputExpiryDate">Expiry Date</label>
      </div>
      <div class="controls">
        <input type="text" placeholder="CC" class="input-small">
        <input type="text"  placeholder="Expiry Date"
          class="input-small">
      </div>
    </div>
    <br />
    <div class="control-group">
      <div class="controls">
        <button type="submit" class="btn">Submit</button>
      </div>
    </div>
  </form>
</body>
</html>

Click to view the demo