html - 保持 Bootstrap 轮播菜单始终水平

标签 html css twitter-bootstrap

我正在使用以下轮播片段的修改版本: http://bootsnipp.com/snippets/featured/tabbed-slider-carousel

我的问题是:当您缩小屏幕时,列表元素会从水平变为垂直。我想让它始终保持水平,但我找不到跳入更改代码的点。

最佳答案

正是这部分代码使它们保持水平:

@media (min-width: 768px)
  .nav-justified>li {
    display: table-cell;
    width: 1%;
  }
}

您可以在没有最小宽度的情况下应用它,但请记住,内容应该非常窄以保持响应。

关于html - 保持 Bootstrap 轮播菜单始终水平,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25238233/

相关文章:

jquery - 如何将随机类添加到链接列表

html - CSS - 斜杠和空格控制。空间

jquery - 在有多个元素的 jquery 中使用 .next css 选择器

c# - 如何读取样式值 [“display” ] webcontrol 的属性

css - 使用 Twitter Bootstrap 将右侧内容移动到左侧

html - 从某些元素中删除 Bootstrap 样式

php - 来自数据库 AJAX 的后台刷新信息

javascript - jQuery 动画提前结束

jquery - Bootstrap jquery 不崩溃

jquery - 使用 ember.js 和 ember easyform 包装 bootstrap/jquery 小部件