BootStrap CSS Template

by uday99

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<form class="form-inline">
    <fieldset class="span6">
        <legend>Personal Details</legend>
<ul>
    <li>
        <label>Firstname</label>
        <input class="span12" type="text" />
    </li>
    <li>
        <label>Surname</label>
        <input class="span12" type="text" />
    </li>
    <li>
      <span>
          <label for="PhoneNumber">Phone Number</label><br />
        <input id="PhoneNumber" class="span3" type="text"/>
      </span>
    </li>      
    <li>
      <span>
        <label for="MobilePhone">Mobile Phone</label><br/>
        <input id="MobilePhone" class="span3" type="text"/>
      </span>
    </li>
    <li>
      <span>  
        <label>Email Address</label>
        <input class="span12" type="text"/>
      </span>
     </li>
        </ul>
    </fieldset>
    <fieldset class="span6">
        <legend>Address Details</legend>
    </fieldset>
</form>

CSS

li {
    display :block;
}

li span {
    float: left;
}

li span input {
    display: block;
}