Now that the modal-footer is “display:flex” in Bootstrap 4, it would be easiest to use the auto-margins. Use mr-auto on the left button. <div class=”modal-footer”> <button type=”button” class=”btn btn-primary mr-auto”>Save changes</button> <button type=”button” class=”btn btn-secondary” data-dismiss=”modal”>Close</button> </div> Demo Also see: Left align and right align within div in Bootstrap Follow-up to comment “What if I … Read more
With Bootstrap 4 .hidden-* classes were completely removed (yes, they were replaced by hidden-*-* but those classes are also gone from v4 alphas). Starting with v4-beta, you can combine .d-*-none and .d-*-block classes to achieve the same result. visible-* was removed as well; instead of using explicit .visible-* classes, make the element visible by not … Read more
Update 2018… card has replaced the well. Bootstrap 4 <div class=”card card-body bg-light”> Well </div> or, as two DIVs… <div class=”card bg-light”> <div class=”card-body”> … </div> </div> (Note: in Bootstrap 4 Alpha, these were known as card-block instead of card-body and bg-faded instead of bg-light) http://codeply.com/go/rW2d0qxx08
HTML already has a built-in horizontal divider called <hr/> (short for “horizontal rule”). Bootstrap styles it like this: hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” /> <p> Some text <hr/> More text </p>
Simply remove “dropdown-toggle” class from the element. The dropdown will still work if you have the data-toggle attribute as follows <button role=”button” type=”button” class=”btn” data-toggle=”dropdown”> Dropdown Without Arrow </button> overriding .dropdown-toggle class styles affects all dropdowns and you may want to keep the arrow in other buttons, that’s why this looks to me the simplest … Read more
col-xs-* have been dropped in Bootstrap 4 in favor of col-*. Replace col-xs-12 with col-12 and it will work as expected. Also note col-xs-offset-{n} were replaced by offset-{n} in v4.