css - 如何在 Twitterbootstrap 中将下拉菜单居中?

标签 css twitter-bootstrap

我很难尝试将由组中的按钮切换的下拉菜单居中。该组正确居中,但下拉列表继续在左 Angular 。

这是一个 example .

有人可以帮忙吗?

提前致谢!

最佳答案

如果你想将你的 div.dropdown 放在另一个 div 的中心,这样做:

#dropdown1 {
    width: 183px;
    margin: 0 auto;
}​

它的缺点是您需要知道居中元素的确切宽度(这就是我使用 id 作为选择器的原因;当然您需要先对其进行 assess)。

查看它如何在您的 updated fiddle 上运行.

关于css - 如何在 Twitterbootstrap 中将下拉菜单居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12327838/

相关文章:

html - 如何创建关闭所有弹出窗口的操作?

html - 如何使用 django 复选框触发函数

jquery - 如何修复 php 文件中的 bootstrapValidator 错误

css - 如何让 Cordova 应用程序的 Tabbar 很好地适应各种手机屏幕尺寸?

c# - 通过动态图像处理程序渲染图像的布局修复

html - 将元素置于(Bootstrap)响应图像上

javascript - Bootstrap 3 不会在手机或平板电脑尺寸上折叠导航栏

jquery - 如何判断导航栏是否折叠以切换导航栏列表中的元素

html - 在html中生成PDF文件时如何设置字体系列

jquery - html 链接呈现在页面上,但表现得好像它不存在