Bootstrap List Filter

Search widget to filter Bootstrap lists

Compatible with Bootstrap 3!

Author: Stefano Cudini

labs.easyblog.it

Features:

• complete mobile responsive
• dynamic list generation
• support preloaded list
• custom html template
• custom data format
• filter by sub elements

Demo online:

• Homepage
• Static example
• Ajax example

Source

• Github
• NPM
• Atmosphere

Usage

<form role="form">
    <div class="form-group">
        <input id="searchinput" class="form-control" type="search" placeholder="Search..." />
    </div>
    <div id="searchlist" class="list-group">
        <a class="list-group-item" href="aquamarine.html"><span>aquamarine</span></a>
        <a class="list-group-item" href="blue.html"><span>blue</span></a>
        <a class="list-group-item" href="cyan.html"><span>cyan</span></a>
        ...
    </div>
</form>
<script>
    $('#searchlist').btsListFilter('#searchinput', {itemChild: 'span'});
</script>