Css 引导4：下拉菜单、导航按钮和单独的链接在水平线上

我有一个

html

文件，它在Firefox中显示为：

问题是，我希望将中的所有内容都放在一个水平行中，并彼此相邻：

• 标签

  下拉列表

• 下拉框本身
• 引导

  nav-pills

  菜单和
• 单独的链接

我的代码是（jsfiddle:）：

$（文档）.ready（函数（）{
让菜单=['Menu1'、'Menu2'、'Menu3']；
$（'header ul'）.addClass（“导航丸”）；
对于（让m个菜单）{
$（'header ul'）。追加（`

`）；
}
$（'header a'）.first（）.addClass（'active'）；
$（'header a'）。单击（function（）{
console.log（$（this.data（'value'））；
});
});

试验
下拉列表：
价值1
价值2

使用
class=“row”
在
col-*

在这里学习：


$（文档）.ready（函数（）{
让菜单=['Menu1'、'Menu2'、'Menu3']；
$（'header ul'）.addClass（“导航丸”）；
对于（让m个菜单）{
$（'header ul'）。追加（`

`
);
}
$（'header a'）.first（）.addClass（'active'）；
$（'header a'）。单击（function（）{
console.log（$（this.data（'value'））；
});
});

下拉列表：
价值1
价值2

请在此处提供fiddle链接：希望它能起作用，我没有创建帐户来设置示例。如果JSFIDLE有任何问题，请告诉我。