Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [bootstrap]Szerokosc wykrywania
Forum PHP.pl > Forum > Przedszkole
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:

  1. @media (min-width: 768px){
  2. .container{
  3. max-width:750px;
  4. }
  5. }
mizii


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):

  1. // File: theme.scss
  2. // Override default BT variables:
  3. $grid-breakpoints: (
  4. xs: 0,
  5. sm: 576px,
  6. md: 768px,
  7. lg: 992px,
  8. xl: 1200px,
  9. xxl: 1900px
  10. );
  11.  
  12. $container-max-widths: (
  13. sm: 540px,
  14. md: 720px,
  15. lg: 960px,
  16. xl: 1140px,
  17. xxl: 1610px
  18. );
  19.  
  20. // Import BT sources
  21. @import "../node_modules/bootstrap/scss/bootstrap";
  22.  
  23. // Your CSS (SASS) rules here...


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ć.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.