twitter-bootstrap-4

I have a BS 4 carousel with next/prev controls which works so far. I have a light background so I would like to change the color of the controls (currently white). HTML: <div id="carouselQuotes" class="carousel slide quotecaru" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselQuotes" data-slide-to="0" class="active"></li> <li data-target="#carouselQuotes" data-slide-to="1"></li> <li data-target="#carouselQuotes" data-slide-to="2"></li> </ol> <div class="carousel-inner"> ... carousel items ... </div> <a class="carousel-control-prev" href="#carouselQuotes" role=

In my design, I want to change my link and hover color in a specific part. I try my best but I can't do that. I am new in bootstrap. How can I change it for Bootstrap 4 ? A simple code is here- <div class="card" style="max-width: 320px;"> <div class="card-header text-center"><h3>Navigation</h3></div> <div class="card-block"> <ul class="nav navbar-nav" style="font-size: 1.50em;"> <li><a href="#" class="nav-link">Home</a></li> <li><a href="#" class="nav-link">Documents</a></li> <li><a href="#" class="nav-link">Videos</a></li> <li><a href="#" class="nav-link">Gallery</a></li> <li><a href="#"

This question already has answers here : Five equal columns in twitter bootstrap (39 answers) Closed 12 months ago . How do you equally divide a row in 5 columns in Bootstrap 4 where it has 12 columns total? Anyone knows? Bootstrap 4 doesn't use floats like version 3 did so it can automatically space out your columns using just the col class. So for 5 equally spaced columns, just do this: .col1 { background-color: red; } .col2 { background-color: green; } .col3 { background-color: blue; } .col4 { background-color: orange; } .col5 { background-color: brown; } <link rel="stylesheet" href="https:

I have two columns like this: <div class="container"> <div class="row"> <div class="col-9"></div> <div class="col-3"></div> </div> </div> I am switching the classnames via angular to be col-8 offset-2 and col-0 . col-0 is width:0;margin:0;padding:0 . I am wondering how to animate both the width, and the positions of columns. Since Bootstrap 4 uses flexbox, CSS transition animations don't work unless you use set a numeric flex-grow or flex-shrink on the columns. .col-8 { flex-grow: 1; transition: all 400ms ease; } .col-0 { width: 0; flex-shrink: 1; transition: all 400ms ease; } Demo: http://www