twitter-bootstrap-4

I'm trying to implement the card-deck feature in bootstrap 4 to make all of my cards the same height. The examples that bootstrap provides show 4 nice cards, but it's 4 cards on the row, no matter the viewport. See the codeply here . This doesn't make sense to me since, I would assume, that you'd want a minimum size for your card to shrink to in order for your content to still look good. I then tried adding in some viewport classes to break on screen sizes, but as soon as that div gets added, the card-deck doesn't apply anymore, thus not making the cards equal height. How can I get this

I've created this collapsable navbar using Bootstrap 4 that works nicely, but I would like it to close when the user clicks on a link. Any way to do this? Thanks html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width=

I'm using bootstrap v4 and when I wrap columns in extra div the layout becomes broken. Why is that? Link to codepen http://codepen.io/mariuszdaniel/pen/aJJjzJ Works <div class="container"> <div class="row"> <div class="col-4"></div> <div class="col-8"></div> </div> </div> Not working <div class="container"> <div class="row"> <div class="myclass"> <div class="col-4"></div> <div class="col-8"></div> </div> </div> </div> It's happening because col-* must be placed directly inside row . Read the Bootstrap docs .. "Content should be placed within columns, and only columns may be immediate children

In Bootstrap 4, how do I go about changing the background color of a navbar? The code from twbscolor doesn't work. I want to make the background color a different color and the font color white. <nav class="navbar navbar-toggleable-md navbar-light bg-danger"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Jordan Baron</a> <div class=

is there a way to disable the responsive navBar in bootstrap 4? I don't want the dropdown as in the mobile version it's still possible to see the 2 links next to the brand. As a plus, I'd like to know if it's possible to put the links to the right in the bar. Pull-xs-right doesn't seem to work correctly. My current code looks like this: <nav class="navbar navbar-fixed-top navbar-toggleable-sm navbar-light bg-faded"> <a href="/" class="navbar-brand">PIM</a> <ul class="nav navbar-nav pull-xs-right"> <li class="nav-item"><Link class="nav-link" to="/login">Login</Link></li> <li class="nav-item">