It sounds like a modal isn’t the right solution to your problem here. A modal dialog by definition shouldn’t allow the user to interact with anything below it. In user interface design, a modal window is a child window that requires users to interact with it before they can return to operating the parent application, … Read more
Update: Bootstrap 5. v5 breakpoints reference Original answer – Bootstrap v4: Use breakpoint mixins like this: .something { padding: 5px; @include media-breakpoint-up(sm) { padding: 20px; } @include media-breakpoint-up(md) { padding: 40px; } } v4 breakpoints reference v4 alpha6 breakpoints reference Below full options and values. Breakpoint & up (toggle on value and above): @include media-breakpoint-up(xs) … Read more
I’m not sure if you simply want a layout with 1 fixed side, or for the side to be fixed until it reaches the footer (like Trulia). Here’s a simple layout with fixed left side (Split 50 50). body, html { height: 100%; } #left { position: fixed; top: 0; bottom: 0; } To make … Read more
try: .row { margin-left: 0; margin-right: 0; } Every column have a padding of 15 px on both sides. Which makes a gutter between of 30 px. In the case of the sm-grid your container class will 970px (((940px + @grid-gutter-width))). Every column get a width of 940/12. The resulting @grid-gutter-width/2 on both sides of … Read more
Yes, it’s possible but you have to position the 2nd one accordingly. The height of the Navbar is ~56px. .fixed-top-2 { margin-top: 56px; } body { padding-top: 105px; } <nav class=”navbar navbar-toggleable-sm bg-faded navbar-light fixed-top fixed-top-2″> <button class=”navbar-toggler navbar-toggler-right” type=”button” data-toggle=”collapse” data-target=”#navbar1″> <span class=”navbar-toggler-icon”></span> </button> <a href=”https://stackoverflow.com/” class=”navbar-brand”>One</a> <div class=”navbar-collapse collapse” id=”navbar1″> <ul class=”navbar-nav”> .. … Read more
Edit There already was a pull about that : https://github.com/twitter/bootstrap/pull/2007 You can approach the desired behavior by using a proxy for the typeahead : Demo (jsfiddle) var $myTextarea = $(‘#myTextarea’); $(‘.typeahead’).typeahead({ source: source, updater: function(item) { $myTextarea.append(item, ‘ ‘); return ”; } }); I think the updater method is meant for this kind of thing, … Read more
The update from 3.2.x to 3.3.x broke some of the solutions explained here and on other threads because of the change: “Added transforms to improve carousel performance in modern browsers.“ If you are using Bootstrap 3.3.x there’s a solution here: http://codepen.io/transportedman/pen/NPWRGq Basically you need to add the “carousel-fade” class to your carousel so that you … Read more
if is bootstrap 3 you can use: $(“#mimodal”).on(‘hidden.bs.modal’, function () { $(this).data(‘bs.modal’, null); });
Twitter bootstrap itself isn’t jQuery dependant. If you use just the CSS part of it, you won’t need jQuery. If you use the Javascript plugins you need jQuery, since they are jQuery plugins. v3: http://getbootstrap.com/javascript/ v4: https://getbootstrap.com/docs/4.0/getting-started/javascript/
edit: As lots of people seem to want to do this, I have written up a short guide with a more general use case here https://www.atlascode.com/bootstrap-fixed-width-sidebars/. The bootstrap3 grid system supports row nesting which allows you to adjust the root row to allow fixed width side menus. You need to put in a padding-left on … Read more