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.

Answer 2

Can you tell me a little more about where this following block of CSS is located? What version of bootstrap are you running as well? It may be something as simple as changing a boolean from true to false and then recompiling the SCSS that bootstrap 4 (assuming that is the version you are using) provides.

If you are using an older version of bootstrap, then you have a library, or CSS you wrote yourself that is overwriting. I am leaning that your issue is being caused by the prior assumption.

---

If you have SASS installed on your computer already and are familiar with it as well, then this is easy. Locate the _variables.scss file that is included with bootstrap and inside of it you will find the following property:

$enable-flex: true !default;

You want to change this to:

$enable-flex: false !default;

After you have done this, recompile bootstraps the SCSS and you will then have disabled flex throughout the entire bootstrap framework.