Bootstrap, can you turn off flex mapping?

Question

I have the following css that breaks my layouts:

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

Can I disable the flexible display rule? Can anyone explain why this is happening?

Update:

Currently using boostrap-sass , "bootstrap-sass": "~ 3.3.5" I can not find the line in my sass files, maybe not so much, but it appears here in my compiled 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 . , , . HTML flex . URL-, , flex https://css-tricks.com/snippets/css/a-guide-to-flexbox/ , , ,

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

.

Answer 2

, CSS? ? - , true false, SCSS, 4 ( , , ).

bootstrap, CSS, , . , .

---

SASS , . _variables.scss, bootstrap , :

$enable-flex: true !default;

:

$enable-flex: false !default;

, , SCSS, .

Answer 3

Bootstrap 4:

div.row {
    display: block;
    width: 100%;
    ...
}

dov.row div.col {
    width: 100%;
    max-width: 100%;
    ...
}