[bootstrap]Szerokosc wykrywania Opcje

[mizii]

Witam czy istnieje możliwość przedefiniowania wartosci sm/md/lg/xl/xxl?
Testuje rozne opcje z sm/md/lg/xl/xxl i widze ze na nowych telefonach rozdzielczosc wyswietlaczy aby dobrze reagowala musi byc miedzy md a lg i dlatego chcialbym sam zdefiniowac progi dla tych szerokosci.

[LowiczakPL]

przykład:

[HTML] pobierz, plaintext 
@media (min-width: 768px){
  .container{
    max-width:750px;
  }  
}
[HTML] pobierz, plaintext 

Ten post edytował LowiczakPL 1.08.2021, 09:21:45

[mizii]

(IMG:https://skillgame.pl/screen.png)

wszystkie te wartosci w css musze po ustawiac na swoje progi?

znalazlem rowniez cos takiego:

You need to override the $grid-breakpoints and $container-max-widths variables BEFORE importing the Bootstrap sources. Here a working example (scss):

[PHP] pobierz, plaintext 
// File: theme.scss
// Override default BT variables:
$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px,
        xxl: 1900px
);
 
$container-max-widths: (
        sm: 540px,
        md: 720px,
        lg: 960px,
        xl: 1140px,
        xxl: 1610px
);
 
// Import BT sources
@import "../node_modules/bootstrap/scss/bootstrap";
 
// Your CSS (SASS) rules here...
[PHP] pobierz, plaintext 

wiec wystarczy ze na poczatku swojego style.css dopisze sobie swoje wartosci aby nadpisac te imporotwane z bootstrapa?

[viking]

Kod dotyczy sass. Oczywiście jeśli napiszesz jego zmienne będzie to działać.