bootstrap-list-filter / 0.1.6 last updated a year ago created on Jul 4th 2014

Install

npm install --save bootstrap-list-filter

Clone

git clone git@github.com:stefanocudini/bootstrap-list-filter.git

dependencies

main

bootstrap

3.2.0

MIT

maintainers

stefcud

versions 15 total

0.1.6	a year ago	stefcud
0.1.5	a year ago	stefcud
0.1.4	a year ago	stefcud
0.1.3	a year ago	stefcud
0.1.2	a year ago	stefcud
0.1.1	a year ago	stefcud
0.1.0	a year ago	stefcud
0.0.9	a year ago	stefcud
0.0.8	a year ago	stefcud
0.0.7	a year ago	stefcud
0.0.6	a year ago	stefcud
0.0.5	a year ago	stefcud
0.0.4	a year ago	stefcud
0.0.2	a year ago	stefcud
0.0.1	a year ago	stefcud

1 Downloads yesterday.

readme

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 or node html item
custom data format
prevent parallel requests
filter by sub elements

Demo online:

Source

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>