Tag Archives: bootstrap

Bootstrap modal background doesn’t disappear when modal closes

This can happen in certain circumstances for a lot of reasons.  If you need a quick and dirty hack to get everything shut down (modal wise) in full, you can use:


It’s overkill, but effective.

Share this post:
read more

Toggle / open / close a Bootstrap modal with jQuery

Short and sweet, the jQuery for opening and closing Bootstrap modals.

$(function () {


Share this post:
read more

Using jQuery Autocomplete inside Bootstrap Modals

The default behaviour for jQuery autocomplete is to show the list of available tags behind the modal.  This can be remedied using the ui-front class inside one of the parent elements of the form.  The ui-front class is a built in jQuery class.

<form name="addMaterials" class="form-inline ui-front" id="addMaterials" method="post" action="#">
  <div class="form-group">
    <input type="text" size="40" class="form-control" id="MaterialID" name="MaterialID" placeholder="Add Materials">
    <button type="submit" class="btn btn-default" id="btnSearch">Search</button>

The important bit is the [class=“form-inline ui-front ]

Share this post:
read more