Я создаю свою посадку, используя Anglular и Bootstrap. В приведенной выше директиве о конфиденциальности ui.bootstrap.tabs. Все в порядке, но есть небольшая ошибка в chrome с дисплеем nav-tabs in-line. DOM для навигационной панели выглядит следующий
Ошибка с navbar в chrome (UI-Bootstrap)
<div class="landing-navbar hidden-sm hidden-xs">
<div class="container">
<div ng-controller="LandingNavbarCtrl">
<div class="navbar-home-ico col-md-1 col-sm-2 col-xs-5">
<i class="fa fa-home inline cursor" aria-hidden="true"></i>
<i class="fa fa-bars inline hidden-md hidden-lg" aria-hidden="true"></i>
</div>
<div class="col-md-10 hidden-sm hidden-xs">
<div class="col-md-9 middle-tabs">
<uib-tabset active="activeJustified" justified="true">
<uib-tab index="0" heading="Home" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="1" heading="Solution" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="2" heading="Projects" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="3" heading="Blog" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="4" heading="Services" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="5" heading="Shop" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="6" heading="About" template-url="views/templates/tabTemplate.html"></uib-tab>
<uib-tab index="7" heading="Contact" template-url="views/templates/tabTemplate.html"></uib-tab>
</uib-tabset>
</div>
<div class="col-md-2 col-md-offset-1 col-xs-12 right-tabs">
<div class="pull-right">
<uib-tabset active="activeJustified" justified="true">
<uib-tab index="8" heading="fa fa-twitter" template-url="views/templates/socialTabsTemplate.html"></uib-tab>
<uib-tab index="9" heading="fa fa-facebook" template-url="views/templates/socialTabsTemplate.html"></uib-tab>
<uib-tab index="10" heading="fa fa-gitlab" template-url="views/templates/socialTabsTemplate.html"></uib-tab>
<uib-tab index="11" heading="fa fa-vk" template-url="views/templates/socialTabsTemplate.html"></uib-tab>
</uib-tabset>
</div>
</div>
</div>
<div class="navbar-search-ico col-md-1 col-xs-6 col-xs-offset-1 col-sm-offset-4 col-md-offset-0">
<i class="fa fa-search pointer" aria-hidden="true" ng-click="setVisibility()"></i>
<span class="search-input"><input placeholder="Enter your search term..." ng-class="class" /></span>
</div>
</div>
</div>
</div>
Когда я изменить размер браузер см-экран размера, а затем установить его обратно к нормальному размеру (Lg) он начинает выглядеть правильно.
при открытии в других браузерах (Firefox, IE) или после изменения в хроме:
пожалуйста, помогите. Благодарю.
благодарит за ответ. ширина: авто; display: inline; display: inline-block; плыть налево; решить мою проблему –