Bootstrap Simple Form

In this example below you will see how to do a Bootstrap Simple Form with some HTML / CSS and Javascript

This awesome code was written by manumorante, you can see more from this user in the personal repository.
You can find the original code on
Copyright manumorante ©


  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Bootstrap Simple Form</title>
  <link rel='stylesheet prefetch' href=''>

      <link rel="stylesheet" href="css/style.css">



  <div class="container">
  <form role="form">
    <div class="form-group">
      <label for="nombre">Nombre <abbr title="required">*</abbr></label>
      <input type="text" class="form-control" id="nombre" placeholder="Escriba su nombre">

    <div class="form-group">
      <label for="email">Email <abbr title="required">*</abbr></label>
      <input type="email" class="form-control" id="email" placeholder="Su correo electrónico">

    <div class="form-group">
      <label for="mensaje">Mensaje</label>
      <textarea id="mensaje" class="form-control" rows="3"></textarea>

    <button type="submit" class="btn btn-primary">Enviar</button>
  <script src=''></script>




/*Downloaded from */
body {
  margin: 15px 0 0 0;