Bootstrap,你可以禁用显示flex吗?

Bom*_*ber 6 css react-bootstrap

我有以下css打破我的布局:

@media (min-width: 768px)
.row {
    display: flex;
}
Run Code Online (Sandbox Code Playgroud)

我可以禁用显示弹性规则吗?谁能解释为什么会这样?

更新:

目前使用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; }
Run Code Online (Sandbox Code Playgroud)

Joa*_*ida 6

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

@media (min-width: 768px)
.row {
    display: block;
}
Run Code Online (Sandbox Code Playgroud)

例如.