html - 有没有办法修复导航选项卡的位置

标签 html css twitter-bootstrap navbar

我遇到了导航选项卡的相对位置和底部边框的问题。可以在这个 GIF 中看到: http://imgur.com/a/xKUmp

我只想将“选项 X”(以及稍后出现的其他选项)固定在左下角位置。

/* Code moved to jsfiddle */

更新:我可以在 https://jsfiddle.net/g9qs869r/2/ 中模拟它

最佳答案

你的风格有问题。您正在使顶行元素的高度大于其余元素。为了消除差异,您可以添加到所有选项卡:

.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
  border-bottom: 4px solid #FFF; // added border in order to keep element height
}

JSFiddle:https://jsfiddle.net/g9qs869r/3/

关于html - 有没有办法修复导航选项卡的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43194541/

相关文章:

jquery mobile - JS 未在多 HTML 应用程序的第二页上执行

javascript - 在JS中选择带有文本的div

css - 在 &lt;input&gt; 上对齐 <svg><rect>

javascript - Youtube 视频全屏在 Firefox 中不起作用

css - 字形显示在下拉菜单上

jquery - HTML 标签式滑动

html - 空白 : pre-line adds unusal space at top

html - 背景颜色和背景图像 CSS3 之间的过渡

html - MaterializeCSS 无法按预期工作 -> JavaScript 缺失?

php - 如果 Twitter Bootstrap 不存在 4 列宽的 div,则将 8 列宽的 div 设置为所有 12 列