Есть всплывающее окно(bootstrap), в title номер телефона, в контентной части иконки-ссылки на соцсети(Font Avesome).
Как изменить ширину окна, чтоб содержимое в title и в content помещалось в одну строку без переноса и отцентровывалось?
<div class="btn-group btn-group-sm pull-right menu">
<a href="#" class="btn active">регистрация</a>
<a href="#" class="btn active">
<i class="fa fa-sign-in" aria-hidden="true"></i> вход
</a>
<a class="btn active" tabindex="0" data-toggle="popover"
title="(XXX)-XXX-XX-XX"
data-content="<div class='container-fluid'>
<a href='http://vk.com/'>
<span class='fa-stack fa-2x'>
<i class='fa fa-circle-thin fa-stack-2x' style='color: #adadad'></i>
<i class='fa fa-vk fa-stack-1x' aria-hidden='true' style='color: blue;'></i>
</span>
</a>
<a href='https://ok.ru/'>
<span class='fa-stack fa-2x'>
<i class='fa fa-circle-thin fa-stack-2x'
style='color: #adadad'></i>
<i class='fa fa-odnoklassniki fa-stack-1x' aria-hidden='true'
style='color: orangered;'></i>
</span></a></div>"
data-delay="180">контакты</a>
</div>