title: Bootstrap modal link
body: <p>How can I make button become a link only and have a popup in bootstrap 3?</p>
  
  <p>code </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a href="" data-toggle="modal" data-target=".bannerformmodal"&gt;Load me&lt;/a&gt;
  
  &lt;div class="modal fade bannerformmodal" tabindex="-1" role="dialog" aria-labelledby="bannerformmodal" aria-hidden="true"&gt;
    &lt;div class="modal-dialog modal-sm"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 class="modal-title" id="myModalLabel"&gt;Contact Form&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
            &lt;form id="requestacallform" method="POST" name="requestacallform"&gt;
  
              &lt;div class="form-group"&gt;
                &lt;div class="input-group"&gt;                               
                  &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;input id="first_name" type="text" class="form-control" placeholder="First Name" name="first_name"/&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="input-group"&gt;                               
                  &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;input id="last_name" type="text" class="form-control" placeholder="Last Name" name="last_name"/&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="input-group"&gt;                               
                  &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-envelope"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;input id="email1" type="text" class="form-control" placeholder="Email" name="email1" onchange="validateEmailAdd();"/&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="input-group"&gt;                               
                  &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-group"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;input id="company_name_c" type="text" class="form-control" placeholder="Company Name" name="company_name_c"/&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="input-group"&gt;                               
                  &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-phone"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;input id="phone_mobile" type="text" class="form-control" placeholder="Mobile" name="phone_mobile"/&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="input-group"&gt;
                  &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-building-o"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;select class="form-control" name="monthly_rental" class="selectpicker"&gt;
                    &lt;option&gt;How many seats do you have available?&lt;/option&gt;
                    &lt;option&gt;10-50&lt;/option&gt;
                    &lt;option&gt;50-100&lt;/option&gt;
                    &lt;option&gt;100-200&lt;/option&gt;
                    &lt;option&gt;200-500&lt;/option&gt;
                    &lt;option&gt;500+&lt;/option&gt;
                  &lt;/select&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="control-group"&gt;
                &lt;div class="controls"&gt;                     
                  &lt;textarea id="description" type="text" name="description"  placeholder="Description"&gt;&lt;/textarea&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
            &lt;/form&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
            &lt;button type="button" class="btn btn-blue"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;        
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>