bootstrap css überschreiben?

hallo,
da bootstrap in der css die Gesamtbreite mit @media (min-width: 768px) auf max-width: 720px setzt
wollte ich das in der user.css ändern, da bei mir mit zoom110% links und rechts sehr breite Flächen frei bleiben

mein Versuch mit
@media (min-width: 768px)
#wrapper.container-md, #wrapper.container-sm, #wrapper.container {
  max-width: 96vw!important;
}
(bootstrap verwendet nur die 3 .container  Klassen - mir geht es aber nur um die Gesamtbreite)

greift aber überhaupt nicht (tauch nicht einmal im FF inspektor auf)?
kann man @media Regeln nicht in der backend user.css setzen? (@font-face zB. geht)

danke

Müsste eigentlich schon auch gehen. Die user.css ist ja ne ganz normale CSS Regel welche geladen wird.
Du musst media queries aber so schreiben:

danke, ich hatte es eiinfach so aus dem FF inspector übernommen.

und schon geht's