.float-right doesn't work inside a .row
Created by: opennota
The button in the HTML below (codepen.io) remains left-aligned despite the float-right
class.
<!DOCTYPE html>
<html>
<head>
<title>.float-right issue</title>
<link rel="stylesheet" href="css/bootstrap.css">
<style>.row { background-color: #ff8621; }</style>
</head>
<body>
<div class="container">
<div class="row">
<button class="btn btn-primary float-right">To the right!</button>
</div>
</div>
</body>
</html>
Firefox 58.0.2, linux/amd64