twitter bootstrap – multi column dropdown

I’ve solved it by adding class “columns” where I’ve set columns count and drop down width. Of course you can set columns count and width depending on media queries. https://jsfiddle.net/maciej_p/eatv1b4b/18/ HTML: <li class=”dropdown”> <a href=”#” class=”dropdown-toggle” data-toggle=”dropdown”>wybierz region<b class=”caret”></b></a> <ul class=”dropdown-menu columns”> <li><a href=”#”><strong>Górny Śląsk</strong></a></li> <li><a href=”#”>powiat będziński</a></li> <li><a href=”#”>powiat bielski</a></li> <li><a href=”#”>powiat bieruńsko-lędziński</a></li> <li><a …

Read more

Bootstrap dropdown: events for the ‘navbar-toggle’?

The navbar-toggle methods emit the Collapse events: Events Bootstrap’s collapse class exposes a few events for hooking into collapse functionality. Event Type Description show.bs.collapse This event fires immediately when the show instance method is called. shown.bs.collapse This event is fired when a collapse element has been made visible to the user (will wait for CSS …

Read more

Keep Bootstrap Dropdown Open When Clicked Off

From the events section of the Bootstrap dropdown documentation: hide.bs.dropdown: This event is fired immediately when the hide instance method has been called. For starters, to prevent the dropdown from closing, we can just listen to this event and stop it from proceeding by returning false: $(‘#myDropdown’).on(‘hide.bs.dropdown’, function () { return false; }); For a …

Read more