html - Bootstrap 带插入符号的导航元素

标签 html css twitter-bootstrap

我的问题是插入符号在合理 Bootstrap 菜单中的文本下方滑动。像这样:http://www.bootply.com/VWo8Oc7mVz

是否有任何自动方法可以在对齐模式下将插入符号放在菜单项标题旁边?我现在只有一种解决方案,我用 css 定义每个菜单项的宽度,但这不是一个有效的解决方案。

编辑:在我的开发站点中,我已经尝试减少 anchor 元素的水平填充。它没有用,菜单项太多了。我也用这个刷新了 bootply 链接。

最佳答案

发生这种情况是因为 nav 下的 anchor 标记在 Bootstrap 周围有一定的填充。您可以通过添加

减少左右填充并为插入符提供足够的空间
 .nav>li>a{
    padding : 10px 5px;
    }

演示:http://www.bootply.com/0GpdHsNVB4

关于html - Bootstrap 带插入符号的导航元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28579032/

相关文章:

css - 如何在 Bootstrap 中设置下拉项的宽度?

html - 垂直对齐中间在 Bootstrap 中不起作用

javascript - 如何在 Bootstrap 范围 slider 中添加两个值

javascript - 取消选择 DataTables 中的所有选定行

html - 使 Bootstrap 列流畅,(自动可调)现在它们堆叠在小屏幕上

javascript - 在 iFrame 中使用 HTML 时防止页面移动

html - 在一行上制作一个包含 2 个输入和一个按钮的 Bootstrap 搜索栏

html - ng-repeat 创建一个多嵌套表

html - 如何在保持文本元素不透明的同时仅使 CSS 中的导航栏透明?

html - 如何更改整个页面的默认滚动条并且仅在一个 div 内