Study tests of Bootstrap

index.html

<div class="container">
  <form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>
  
 <form action="" class="form-group">
   <div class="form-group">
          
    <div class="form-group">
       <label for="email">E-mail</label>
       <input type="email" id="email" class="form-control" />
     </div>
     <div class="form-group">
       <label for="email">Password</label>
       <input type="password" id="email" class="form-control" />
     </div>
     
     <label for="">Endereço</label>
     <input type="text" id="endereco" class="form-control" />
     <label for="">Password</label>
     <input type="password" id="nome" class="form-control" />
   </div>
   
    <button type="submit" class="btn btn-default">Ok</button>
   
 </form> 
  
  
  <form action="">
  
      <div id="billing">Billing Address</div>

<div>
    <div id="name">Name</div>
    <input type="text" aria-labelledby="name billing"/>
</div>
<div>
    <div id="address">Address</div>
    <input type="text" aria-labelledby="address billing"/>
</div>
    
  </form>

</div>
 

Study-tests-of-Bootstrap.markdown

Study tests of Bootstrap

A Pen by Hellon Canella on CodePen.

License.

style.css

.row>div{
  border: 1px solid red;
}