Bootstrap выравнивание значков по левому краю и текста по центру на верхней панели

Question

Я использую Bootstrap CDN на веб-сайте, где я пытаюсь выровнять значки с левой стороны с помощью lo go и центрировать текст на верхней панели. Есть ли простой способ сделать это?

Верхняя полоса изображения

<div class="topbar clearfix"> 
    <div class="container">
        <div class="row-fluid">
            <div class="col-md-4 text-left">
                <div class="social">
                    <a href="#" data-tooltip="tooltip" data-placement="bottom" title="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>              
                    <a href="#" data-tooltip="tooltip" data-placement="bottom" title="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
                    <a href="#" data-tooltip="tooltip" data-placement="bottom" title="Google Plus"><i class="fa fa-google-plus"></i></a>
                    <a href="#" data-tooltip="tooltip" data-placement="bottom" title="Linkedin"><i class="fa fa-linkedin"></i></a>
                    <a href="#" data-tooltip="tooltip" data-placement="bottom" title="Youtube"><i class="fa fa-youtube"></i></a>
                    <a href="#" data-tooltip="tooltip" data-placement="bottom" title="Pinterest"><i class="fa fa-pinterest"></i></a>
                </div><!-- end social -->
            </div><!-- end left -->
            <div class="col-md-8 text-right">
                <p>
                    Интернет-магазин производителя фитоламп и промышленного освещения &nbsp;&nbsp;
                    <strong><i class="fa fa-phone"></i></strong> <a href="tel:+74991000000">+7(499) 100-00-00 </a>
                </p>
            </div><!-- end left -->
        </div><!-- end row -->
    </div><!-- end container -->
</div>

Answer 1

попробуйте использовать

 class="container-fluid"

и отрегулируйте col-md-4 .. до значения, которое вам действительно нужно