1

Topic: The undisguised text in navbar Bootstrap

There is a site with such imposition on Bootstrap3:

<nav class = "navbar navbar-inverse navbar-fixed-top" role = "navigation">
<div class = "container">
<div class = "navbar-header">
<button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#navbar-main">
<span class = "sr-only"> the Navigation menu </span>
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
</button>
<a class = "navbar-brand" href = "/">
<div class = "navbar-brand-name">
<img src = "/brand-mini.png"/>
</div>
</a>
</div> <!-/.navbar-header->
<div class = "collapse navbar-collapse" id = "navbar-main">
<ul class = "nav navbar-nav">
<li class = "dropdown">... </li>
...
</ul>
<span class = "navbar-text navbar-right"> <a href = "tel: + 71234567890"> +7-123-456-7890 </a> </span>
</div> <!-/.navbar-collapse->
</div> <!-/.container->
</nav> <!-/.navbar->

On top the line of navigation is deduced, in it the logo, the horizontal menu and on the right is specified phone number.
When the width of a window does not suffice for an output of menu items, they disappear, being replaced with the menu button, in a line of navigation there is only a logo.
At pushing this button of the menu it is displayed vertically, including phone number.
I would like to make so that phone number was not moved to the rollup menu.
If number to transfer in.navbar-header and it turns out, but number is deduced left-justified and before menu items.
On idea it needs to be carried out in the separate container, after.navbar-collapse. I so tried to make (setting for these two containers float), but it turns out badly.