css - Bootstrap，你能禁用display flex吗？

Question

我的以下 css 破坏了我的布局:

@media (min-width: 768px)
.row {
    display: flex;
}

我可以禁用 display flex 规则吗？谁能解释为什么会这样？

更新:

目前正在使用 boostrap-sass , "bootstrap-sass": "~3.3.5"无法在我的 sass 文件中找到该行，可能没有太大帮助，但它出现在我编译的 css 中:

strong {
  font-weight: 600; }

.wrapper {
 padding: 50px 20px; }

 // row class here

**@media (min-width: 768px) {
  .row {
  display: flex; } }**

@media (min-width: 768px) {
  .column {
width: 50%; }
.column:first-child {
margin-right: 20px; } }

.modal__button {
 margin-right: 5px; }

@media (max-width: 500px) {
 .modal-dialog {
width: 100%;
margin: 10px auto; } }

.week-navigation {
  float: right; }

 .week-navigation__next-button {
  float: right; }

Answer 1

CSS 显示属性有几个可能的值。其中之一，也是最近的一个，是 flex。具有 flex 的 HTML 元素会自动将默认属性应用于其子元素。您可以查看以下网址以了解 flex 的工作原理 https://css-tricks.com/snippets/css/a-guide-to-flexbox/所以，如果你不想使用它，只需使用

覆盖它

@media (min-width: 768px)
.row {
    display: block;
}

例如。