Combine with Bootstrap Preferably you're should load Jasny Bootstrap in the less file that also includes Twitter Bootstrap. So main.less should look something like @include 'assets/vendor/bootstrap/less/bootstrap.less'; @include 'assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less'; // Your own CSS rules ... Standalone Alternatively you can build Jasny Bootstrap as standalone. In that case use less/build/jasny-bootstrap.less. Change the...
jquery,twitter-bootstrap,jasny-bootstrap
You can define the whole nav as a string and depending on the size, you insert it as the html. var width = $(window).width(); var nav1 = '<div>a very long string</div>'; var nav2 = '<div>an equally long string</div>'; if (width <= 900) { $('#navContainer').html( $(nav1) ); } else { $('#navContainer').html(...
html,css,twitter-bootstrap,jasny-bootstrap
I think that I got the effect that you were going for. http://jsfiddle.net/0g9w8zza/4/. The following was added: .nav { padding-right: 75px; } .navbar-toggle { position: absolute; right: 75px; top: 0; } Two things were added: The hover state problem was happening because the menu technically extended all the way to...
jquery,asp.net-mvc,twitter-bootstrap,jasny-bootstrap
You should always share a demo of your code with http://jsbin.com when posting a StackOverflow question. I don't know how you create elements and how you initialize them. But here's a couple of examples. Method 1: using a closure to remember which element each button belongs You create a new...
javascript,jquery,twitter-bootstrap,jasny-bootstrap
You need to delegate the change event for dynamically added fileinput. More on delegate. The below code will attach the change event on future elements with class .fileinput $(document).on('change.bs.fileinput', '.fileinput', function (e) { var filename = $(this).closest('tr').find('.fileinput-filename').text(); $(this).closest('tr').find('input[type="text"]').val(filename); }); Also I have used two methods of appending, one on click...
css,twitter-bootstrap,modal-dialog,jasny-bootstrap
Just looking at the Jasny documentation There are a few options: Set the autohide option when you're creating the offcanvas Something like: $('.navmenu').offcanvas({ autohide: true }); Manually trigger the hide event for the offcanvas You could set a click event for buttons / links in the navbar and manually trigger...
twitter-bootstrap-3,jasny-bootstrap
You can use the change event for updating the hidden input. $('.fileinput').on('change.bs.fileinput', function (e) { var filename = $('.fileinput-filename').text(); $('input[type="hidden"]').val(filename); alert($('input[type="hidden"]').val()); }); Demo...