twitter-bootstrap-4

So, in Bootstrap v3, you would just add a data-offset attribute to the nav tag, with the pixel offset, in this case 54px, <nav data-offset="54"></nav> However, in Bootstrap v4, this data-offset attribute is missing, and doesn't work. I've had a look through the v4 docs, and just can't seem to find anything! I've also tried using data-offset and offset attributes, but these don't work either. Here is the html code of the nav <nav class="navbar navbar-light bg-faded navbar-fixed-top"> <button type="button" data-toggle="collapse" data-target="#nav-collapse" aria-controls="#nav-collapse" aria

I'm using Bootstrap v4.0 beta and I have checked this migration doc https://v4-alpha.getbootstrap.com/migration/#responsive-utilities but there's no way to make the hidden-X-up or hidden-X-down work. Here is an example of my code: <div class="container"> <div class="row"> <div class="col-md-3 hidden-md-down"> <p class="title">Join us</p> <p class="subtitle">Just click on the button below</p> <p class="link"><a href="#" class="outstanding-link">the button below</a></p> </div> </div> </div> it should be visible with 3 columns in a medium devices (greather than 720px) but hidden in less than a

I want to make a navbar using Bootstrap 4 and Angular 2 that collapses his content on a button when the width of the browser reaches some value. I achieve this, and when the navbar collapses I can see the button that encloses the elements in the navbar, but this button doesn't work. How can I fix this without using jquery? I was trying to use ng-bootstrap. In the image you can see the button when the navbar collapses. My code so far: <nav class="navbar navbar-expand-md fixed-top navbar-dark custom-nav"> <span class="navbar-brand mb-0 h1">Partes vehículos</span> <button class="navbar-toggler"

i would like to display a dropdown / select as an input with bootstrap 4. so far the only select thing i found in the documentation ist this . which works, but does not look very bootstrap like and does not support icons, grouping dividers and stuff. is there any way to fit a select with the functionality of a dropdown from bootstrap? something like this, but only as form input of sorts: <div class="btn-group"> <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> Large button </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#"

Look at this: http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1 Carousel images are not responsive like images under of it. They have the same class img-fluid. This is a known issue in Bootstrap 4 Alpha 6... https://github.com/twbs/bootstrap/issues/21611 As a workaround you can use.. .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } http://www.codeply.com/go/0QUU06MiIL ben Thijssen For me that workaround did not work for both, desktops and mobiles. I adjusted the proposed workaround a bit to make it -orientation- sensible. @media

How do you implement a multiple items carousel in Bootstrap 4? The docs mention about multiple carousels but not a carousel with multiple items. You can display one carousel item at a time, but fill it with multiple elements. Something like: .item .col-xs-4 {content} .col-xs-4 {content} .col-xs-4 {content} But you may then be wishing you could advance them one at a time. That isn't going to happen with bootstrap right out of the box. After implementing many carousels, I'd recommend seeking another carousel library when Bootstrap's doesn't fit the bill. Slick.js is my go-to lib for lots of