Définition d'une largeur minimale pour la mise en page Bootstrap réactive

Question

Je souhaite que ma mise en page Bootstrap ne réagisse pas lorsque la largeur est de 768 pixels ou moins. Vous pouvez voir mon application HTML/CSS actuelle, https://codepen.io/anon/pen/xXdYNa. J'ai dû apporter quelques modifications à certains des styles Bootstrap standard, ce qui peut rendre les choses un peu plus compliquées.

Quelqu'un at-il des conseils sur la façon d'y parvenir en utilisant CSS, remplacements similaires à ce que je l'ai fait ici:

@media (min-width: 768px) { 
    .main { 
    padding-left: 250px; 
    padding-top: 89px; 
    } 
} 

Merci!

Answer 1

Que diriez-vous juste de donner à .container-fluid une min-width avec 768px?

EDIT:

qui suit a fonctionné pour moi:

.container-fluid { 
    min-width: 768px; 
} 

.main { 
    padding-left: 250px; 
    padding-top: 89px; 
} 

A min-largeur en combinaison avec la suppression de la requête des médias qui est autour de votre .main devrait fonctionner.

https://codepen.io/anon/pen/EwmEXr

Answer 2

@media only screen and (max-width: 768px) { 
.main { 
    padding-left: 0px; 
    padding-top: 0px; 
    } 
}