Navbar with Buttons

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse ">
    <div class="container-fluid">
        <div class="text-center">
            <button onclick="alert('Left')" type="button" class="btn btn-default navbar-btn pull-left"> <span class="glyphicon glyphicon-menu-left"></span>

        </button>
        <span class="navbar-text display-ib" href="#">Date</span>
        <button onclick="alert('Right')" type="button" class="btn btn-default navbar-btn pull-right"> <span class="glyphicon glyphicon-menu-right"></span>

        </button>
            </div>
    </div>
</nav>

CSS

body {
    padding-top: 70px;
}


.navbar-text.display-ib{
    display:inline-block;
    float:none !important;
}