如何使用Vue b-tab CSS样式覆盖Bootstrap?

时间:2018-06-19 17:54:37

标签: css vue.js bootstrap-4

我正在Vue中使用Bootstrap,但我遇到了三个b型标签,它们在样式方面存在问题。现在可以了 this when the screen gets narrow。我不要这个调整寡妇的大小时,我want it to do this。通过检查元素,我发现this,并且通过取消选择flex-wrap:wrap,它可以实现我想要的功能。

我已添加

.nav {
  display: flex;
  flex-wrap: nowrap !important;
}

按照我的风格,但是当屏幕变窄时,显示屏仍会堆叠b-tab。

关于如何覆盖Bootstrap样式的任何建议?

1 个答案:

答案 0 :(得分:0)

通过将最小宽度添加到父容器的样式中,我能够实现所需的结果。