Bootstrap.min.css przesłania wszystko, co piszę w zewnętrznych plikach CSS. Inline wydaje się być jedyną rzeczą, która zastępuje Bootstrap. Czy ktoś wie, jak mogę użyć następującego skryptu CSS ze skryptami wbudowanymi?

@media (min-width:768px){.container{width:80%}}
@media (min-width:992px){.container{width:80%}}
@media (min-width:1200px){.container{width:80%}}
0
DitR 20 grudzień 2019, 04:22
1
Nie można wykonywać wbudowanych zapytań o media...
 – 
Akber Iqbal
20 grudzień 2019, 04:23
Próbowałem nadać div ".container" właściwość id, ale to nie miało żadnego znaczenia.
 – 
DitR
20 grudzień 2019, 04:24

1 odpowiedź

/*
Uncomment for option 1
@media (min-width:768px){.container{width:50% !important}}
@media (min-width:992px){.container{width:50% !important}}
@media (min-width:1200px){.container{width:50% !important}}
*/
/*Option 2.. own style*/
@media (min-width:768px){.myclass{width:50% !important}}
@media (min-width:992px){.myclass{width:50% !important}}
@media (min-width:1200px){.myclass{width:50% !important}}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class='container' style='background-color:red'>Hi Option 1</div>
<div class='container myclass' style='background-color:red'>Hi Option 2</div>

Powinno to zastąpić style Bootstrap (! Ważne )

@media (min-width:768px){.container{width:80% !important}}
@media (min-width:992px){.container{width:80% !important}}
@media (min-width:1200px){.container{width:80% !important}}
0
Mohamed Farouk 20 grudzień 2019, 04:36
!ważne nie jest dobrą praktyką... załaduj CSS po bootstrap.css, a Twój CSS nadpisze botstrap
 – 
Akber Iqbal
20 grudzień 2019, 04:25
Próbowałem tego również w pliku, ale nie przyniosło to efektu.
 – 
DitR
20 grudzień 2019, 04:27
Obecnie ładuje się po bootstrap.css
 – 
DitR
20 grudzień 2019, 04:33
Chociaż !ważne nie jest najlepszą praktyką, myślę, że najlepiej zrobić to, jeśli nie chcesz zapewniać dodatkowych zajęć swojemu divowi
 – 
Mohamed Farouk
20 grudzień 2019, 04:37