尝试通过正确缩放导航栏品牌偏移来获得更短的导航栏

Question

我无法找到一种方法来实现更短的导航栏，并正确缩放导航栏品牌偏移量。

当我尝试将百分比值用于导航栏的最大宽度或边距右侧时，它会完全干扰导航栏品牌的偏移。

当我尝试为margin-right使用固定值，然后尝试从.navbar＆gt;更改margin-left; .container .navbar-brand我得到了更好的结果，但有时候.navbar品牌会短暂跳跃。

这里我有两个不同尝试的bootply代码。 http://bootply.com/86804 我希望someoen可以帮助我。

Answer 1

<强>更新

在屏幕宽度为768和991像素（小网格）之间，我发现：

以上是你所谓的跳跃吗？

可能的解决方案：

1. 将您的网格断点设置为991px
2. 仅应用你的.navbar-else margin-right:100px;以上991px

3. 在your.nav品牌中添加一个休息时间：

   @media（min-width：768px）和（max-width：991px）{

   .navbar-brand＆gt;强：在{之后     内容： “\ A”;     白空间：pre; }

   }

4. 将字体缩小至992像素以下

等

- 结束更新 http://getbootstrap.com/components/#navbar上的示例不会将.navbar-header包装在.container中。

尝试设置：

.navbar
{
   width:50%;
}
.navbar-header
{
   padding-left:80px;
}

请参阅：http://bootply.com/86839