пытается сделать верхнюю панель социальных сетей. Я могу сделать facebook, twitter, linkedin, но когда я сделал телефон и почту, это было как на картинке и смешивание.
Как я могу их расширить? Пожалуйста, помогите мне.
Коды ниже
Спасибо.
<div class="col-xs-2 col-sm-6">
<!-- header-top-first start -->
<!-- ================ -->
<div class="header-top-first clearfix">
<ul class="social-links clearfix hidden-xs">
<li class="twitter"><a target="_blank" href="https://twitter.com/abc"><i class="fa fa-twitter"></i></a></li>
<!-- <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li> -->
<li class="linkedin"><a target="_blank" href="https://www.linkedin.com/company/abc"><i class="fa fa-linkedin"></i></a></li>
<!-- <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li> -->
<li class="facebook"><a target="_blank" href="https://www.facebook.com/abc/"><i class="fa fa-facebook"></i></a></li>
<!-- <li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li> -->
<li class="instagram"><a target="_blank" href="https://www.instagram.com/abc/"><i class="fa fa-instagram"></i></a></li>
<li class="phone" ><a target="_blank" href="http://www.companyname.com" ><i class="fa fa-phone">5555 55 55</i></a></li>
<li class="mail"><a target="_blank" href="mailto:info@abc.com"><i class="fa fa-envelope last">info@abc.com</i></a></li>
</ul>
<div class="social-links hidden-lg hidden-md hidden-sm">
<div class="btn-group dropdown">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
<ul class="dropdown-menu dropdown-animation">
<li class="twitter"><a target="_blank" href="https://twitter.com/abc"><i class="fa fa-twitter"></i></a></li>
<!-- <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li> -->
<li class="linkedin"><a target="_blank" href="https://www.linkedin.com/company/abc"><i class="fa fa-linkedin"></i></a></li>
<!-- <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li> -->
<li class="facebook"><a target="_blank" href="https://www.facebook.com/abc/"><i class="fa fa-facebook"></i></a></li>
<!-- <li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li> -->
<li class="instagram"><a target="_blank" href="https://www.instagram.com/abc/"><i class="fa fa-instagram"></i></a></li>
<li class="phone"><a target="_blank" href="http://www.companyname.com" ><i class="fa fa-phone">5555 55 55</i></a></li>
<li class="mail"><a target="_blank" href="mailto:info@abc.com"><i class="fa fa-envelope last">info@abc.com</i></a></li>
</ul>
</div>
</div>
</div>
<!-- header-top-first end -->
</div>
