ready for Bootstrap 4

bassjobsen · Nov 14, 2015 · 43c76e4 · 43c76e4
1 parent e8f72c2
commit 43c76e4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -10,6 +10,12 @@ With Twitter Bootstrap 3 the typeahead plugin had been dropped. [@mdo](http://tw
 ~~`Typeahead.js` doesn't seem ready for the new Twitter Bootstrap 3 at the moment. Code is not up to date and fixes are needed. See also:
 [Typeahead problems with Bootstrap 3.0 RC1](http://stackoverflow.com/questions/18167246/typeahead-problems-with-bootstrap-3-0-rc1).~~
 
+Bootstrap 4
+===========
+[Bootstrap 4](http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/) is coming soon. The Bootstrap 3 Typeahead will also work with Bootstrap 4.
+The look and feel of Bootstrap 4 will differ from Bootstrap 3 and so does the drop down menu. In Bootstrap 4 the typeahead dropdown menu will look like that shown in the figure below:
+![Bootstrap 4 Typeahead](typeaheadv4.png).
+
 Download
 ========
 

diff --git a/bootstrap3-typeahead.js b/bootstrap3-typeahead.js
@@ -451,7 +451,7 @@
     source: []
   , items: 8
   , menu: '<ul class="typeahead dropdown-menu" role="listbox"></ul>'
-  , item: '<li><a href="#" role="option"></a></li>'
+  , item: '<li><a class="dropdown-item" href="#" role="option"></a></li>'
   , minLength: 1
   , scrollHeight: 0
   , autoSelect: true

diff --git a/bootstrap3-typeahead.min.js b/bootstrap3-typeahead.min.js
diff --git a/typeaheadv4.png b/typeaheadv4.png