保持Bootstrap轮播菜单始终水平

Question

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

我的问题是：当你缩小屏幕时，列表元素会从水平变为垂直。我想保持它始终水平，但我无法找到改变代码的重点。

Answer 1

这部分代码使它们保持水平：

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

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