Javascript 禁用引导程序中的新行'；导航栏

我想做一个引导的导航栏：：

Sub1
Sub2

上面代码的问题是，当我们减小预览的宽度时，所有项目都会移动到不同的行。但是，我希望它们（子菜单除外）始终在同一行中

---

有人知道如何解决这个问题吗？

只需将您的

li

和

a

标记显示为

inline

，如下所示：

li {
  display: inline !important;
}

a {
  display: inline !important;
}

更新 以下是评论中问题的答案

1。我们可以将类添加到特定的

li

标记中（在您的情况下

sub1

和

sub2

除外），并应用

display:inline！重要信息

仅适用于具有该类的

li

s

2。引导自动将边距应用于

ul

标签，因此只需重置边距或应用您喜欢的任何值，例如：

ul {
  margin: 0 !important;
}

---

这是默认引导的导航栏样式：

当宽度<768px时，所有项目移动到不同的行 要解决您的问题，您可以将其添加到css中：

.nav>li{
浮动：左；
}

---

谢谢。。。您的解决方案有两个问题：1）我不希望内联显示

sub1

和

sub2

；2） 当我们移动拆分器并减小预览宽度时，左侧和顶部的填充会发生变化（一次），我们如何避免这种情况？@SoftTimur，1）我们可以将类添加到特定的

li

标记中（在您的情况下

sub1

和

sub2

除外），并仅对具有该类的

li

s应用

display:inline

。2） Bootstrap会自动将边距应用于

ul

标记，因此只需重置边距或应用您喜欢的任何值，例如：

ul{margin:0！重要；}

@SoftTimur，它对您有帮助吗？我尝试过修改，当宽度不大时，子菜单仍然存在问题。你能做一个有用的jsbin吗？谢谢你。。。但是当宽度<768px时，有没有办法将

sub1

和

sub2

移到条外？“条外”？什么意思？

ul {
  margin: 0 !important;
}