Bootstrap, can you disable display flex?

Question

I have the following css thats breaking my layouts:

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

Can I disable the display flex rule? Can anyone explain why this happens?

Update:

Currently using boostrap-sass, "bootstrap-sass": "~3.3.5" Cant find the line in my sass files, probably not much help 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 display property has several possible values. One of them, and the most recent, is flex. A HTML element with flex will automatically apply default properties to its children elements. You can check the following url to understand how flex works https://css-tricks.com/snippets/css/a-guide-to-flexbox/ So, if you don't want to use it, just override it, by using

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

for example.