Using media breakpoints in Bootstrap 4-alpha

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

Bootstrap 4 Multiple fixed-top navbars

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

Twitter bootstrap typeahead multiple values?

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

Bootstrap 3 Carousel fading to new slide instead of sliding to new slide

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

Bootstrap 3.0 – Fluid Grid that includes Fixed Column Sizes

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