Fixed dburucu's implementation to fix Issue #155

.gitignore

@@ -0,0 +1 @@
+.DS_Store

README.md

@@ -4,7 +4,7 @@ We had need of a combobox at work and after looking around at the available opti
 
 ## How to use it
 
-The dependencies are the Bootstrap stylesheet(CSS or LESS) and also the typeahead javascript plugin.  Include them and then the stylesheet(CSS or LESS) and javascript.
+The dependencies are the Bootstrap stylesheet(CSS or LESS).  Include it and then the stylesheet(CSS or LESS) and javascript.
 
 Then just activate the plugin on a normal select box(suggest having a blank option first):
 
@@ -23,6 +23,37 @@ Then just activate the plugin on a normal select box(suggest having a blank opti
       });
     </script>
 
+### Options
+
+When activating the plugin, you may include an object containing options for the combobox
+
+    $('.combobox').combobox({bsVersion: '2'});
+
+`menu`: Custom markup for the dropdown menu list element.
+
+`item`: Custom markup for the dropdown menu list items.
+
+`matcher`: Custom function with one `item` argument that compares the item to the input. Defaults to matching on the query being a substring of the item, case insenstive
+
+ `sorter`: Custom function that sorts a list `items` for display in the dropdown
+
+ `highlighter`: Custom function for highlighting an `item`. Defaults to bolding the query within a matched item
+
+ `template`: Custom function that returns markup for the combobox.
+
+ `bsVersion`: Version of bootstrap being used. This is used by the default `template` function to generate markup correctly. Defaults to '3'. Set to '2' for compatibility with Bootstrap 2
+
+## Dependencies
+Uses the latest 1.X version of jQuery and the latest 2.X or 3.X of bootstrap.
+
 ## Live Example
 
+### Bootstrap 2.0 Version
 http://dl.dropbox.com/u/21368/bootstrap-combobox/index.html
+
+### Bootstrap 3.0 Version
+http://bootstrap-combobox-test.herokuapp.com/
+
+## License
+
+Licensed under the Apache License, Version 2.0

css/bootstrap-combobox.css

@@ -1,124 +1,19 @@
-.combobox-container {
-  margin-bottom: 5px;
-  *zoom: 1;
-}
-.combobox-container:before,
-.combobox-container:after {
-  display: table;
-  content: "";
-}
-.combobox-container:after {
-  clear: both;
-}
-.combobox-container input,
-.combobox-container .uneditable-input {
-  -webkit-border-radius: 0 3px 3px 0;
-  -moz-border-radius: 0 3px 3px 0;
-  border-radius: 0 3px 3px 0;
-}
-.combobox-container input:focus,
-.combobox-container .uneditable-input:focus {
-  position: relative;
-  z-index: 2;
-}
-.combobox-container .uneditable-input {
-  border-left-color: #ccc;
-}
-.combobox-container .add-on {
-  float: left;
-  display: inline-block;
-  width: auto;
-  min-width: 16px;
-  height: inherit !important;
-  margin-right: -1px;
-  padding: 4px 5px;
-  font-weight: normal;
-  color: #999999;
-  text-align: center;
-  text-shadow: 0 1px 0 #ffffff;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  -webkit-border-radius: 3px 0 0 3px;
-  -moz-border-radius: 3px 0 0 3px;
-  border-radius: 3px 0 0 3px;
-
-}
-.combobox-container .active {
-  background-color: #a9dba9;
-  border-color: #46a546;
-}
-.combobox-container input,
-.combobox-container .uneditable-input {
-  float: left;
-  -webkit-border-radius: 3px 0 0 3px;
-  -moz-border-radius: 3px 0 0 3px;
-  border-radius: 3px 0 0 3px;
-}
-.combobox-container .uneditable-input {
-  border-left-color: #eee;
-  border-right-color: #ccc;
-}
-.combobox-container .add-on {
-  margin-right: 0;
-  margin-left: -1px;
-  -webkit-border-radius: 0 3px 3px 0;
-  -moz-border-radius: 0 3px 3px 0;
-  border-radius: 0 3px 3px 0;
-}
-.combobox-container input:first-child {
-  *margin-left: -160px;
-}
-.combobox-container input:first-child + .add-on {
-  *margin-left: -21px;
-}
-.combobox-container select {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  border: 0;
-  padding: 0;
-  margin: 0;
-  text-indent: -99999px;
-  *text-indent: 0;
-}
 .form-search .combobox-container,
 .form-inline .combobox-container {
   display: inline-block;
   margin-bottom: 0;
   vertical-align: top;
 }
-.form-search .combobox-container .add-on,
-.form-inline .combobox-container .add-on {
-  vertical-align: middle;
-}
-.combobox-selected .combobox-clear {
-  display: inline-block;
+.form-search .combobox-container .input-group-addon,
+.form-inline .combobox-container .input-group-addon {
+  width: auto;
 }
 .combobox-selected .caret {
   display: none;
 }
-.combobox-clear {
+/* :not doesn't work in IE8 */
+.combobox-container:not(.combobox-selected) .glyphicon-remove {
   display: none;
-  width: 14px;
-  height: 14px;
-  line-height: 14px;
-  vertical-align: top;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-}
-.dropdown:hover .combobox-clear,
-.open.dropdown .combobox-clear {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.btn .combobox-clear {
-  margin-top: 1px;
-  margin-left: 1px;
-}
-.btn:hover .combobox-clear,
-.open.btn-group .combobox-clear {
-  opacity: 1;
-  filter: alpha(opacity=100);
 }
 .typeahead-long {
   max-height: 300px;
@@ -145,6 +40,3 @@
 .control-group.success .combobox-container .caret {
   border-top-color: #468847;
 }
-.btn .combobox-clear [class^="icon-"] {
-  line-height: 1.4em;
-}