Jquery 引导程序3：如何使利润率响应？

我现在正在处理一个网站的标题，我有一个UL列表，使用“左边距”css属性进行特殊对齐

问题是，当我开始缩减利润时，利润就没有了。它的行为就像一个与nav品牌冲突的元素，因此UL列表堆叠在nav品牌之下

我想让利润率具有响应性，因此它可以相应地伸缩，并与nav品牌保持相同的相对距离

我不能依赖CSS3@media功能，因为我需要它对多个设备具有流畅性和响应性

有没有关于如何创造响应性利润的想法

<div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="assets/img/Logo.png" style="width: 150px;" ></a>
</div>
<div class="navbar-collapse collapse">

<ul class="nav navbar-nav" style="margin-left:550px;">
   <li><a href="">Documentation</a></li>
   <li><a href="">Dev. Login</a></li>   
   <li><a href="">Get Started</a></li>
</ul>

您可以查看flexbox。它可以轻松处理许多其他方面很困难的布局——它将在不久的将来成为标准的web布局工具

---

根据浏览器的支持程度，Chrome21+、Firefox22+、Safari6.1+和IE11+是最受欢迎的浏览器。如果您需要更广泛的IE支持，您可以使用条件注释加载自定义CSS，以便使用基于百分比的边距？您还可以使用媒体查询在不同的屏幕宽度上更改它们。如果您在问题中添加了一些代码和/或演示，那么就更容易给您提供更具体的建议。呃，bootstrap处理其他事情的方式如何，请在每个@media部分指定不同的变体？是的。我同意@media解决方案，但我需要更流畅的东西。@user3381594-我不太明白为什么媒体查询不合适，因为您所描述的是创建它们的用例。此外，基于百分比的值是流体。为什么不删除固定的、基于像素的边距，只需添加

ul.navbar nav{float:right；}

即可覆盖引导的默认值

float:left？使用“float:right”的问题在于它没有将元素对齐到我想要的准确位置。这就是为什么我要用边距。我想找到比媒体突破点更具流动性的东西。也许我在像素完美方面做得太过分了，但我很想知道是否有一个响应性的边缘。