Bootstrap Form inside alert info

This bootstrap snippet Bootstrap Form inside alert info was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code
tags: alert

This is the HTML code for this bootstrap snippet

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview tab

<div class="container bootstrap snippet">
  <h3>Form inside Alert</h3>
  <div class="alert alert-info">
    <div class="media">
      <span class="glyphicon glyphicon-info-sign pull-left"></span> 
      <div class="media-body">
        <h3 class="media-heading">How about an alert with a form?</h3>
        <label>What's your email address?</label> 
        <div class="input-group">
          <input type="text" class="form-control" placeholder="your@yours.com"> 
          <span class="input-group-btn"> 
            <button class="btn btn-primary" type="button">Submit</button> 
          </span> 
        </div>
      </div>
    </div>
  </div>
</div>

This is the CSS code for this bootstrap snippet

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview


                
body{margin-top:20px;}              
                                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.1.0

Created: Apr 21st 2014, 12:39

Views: 3.2K