BS4 (beta2) page-title

Page-title should float left, close to the bathtub. spans below show no border...

by Michael Baas

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<!-- Image and text -->
<nav class="navbar navbar-light bg-light">
  <li class="navbar-brand">
    <a href="#" style="text-decoration: none">
      <span class="fa fa-bath fa-3x"></span> 
    </a>
      <h1>
      Wonderful page-title
      </h1>
  </li>
</nav>
<div class="container">
  <div class="row">
    <div class="col-md-3 border border-dark">
      My little menu
    </div>
    <div class="col-md-9 border border-dark">
      Main content area, 9 cols wide
    </div>
  </div>
</div>