Postavíme Vaši firmu na nohy
Zobrazují se odpovědi 1 až 5 z 5

Bootstrap - jak definovat rozestup mezi 3 prvky v Col-md-4?

  1. Zdravim,
    potřeboval bych definovat rozestup mezi 3 prvky v col-md-4
    už si nemohu vzpomenout jak jsem to řešil.
    Poradíte? :-)
    díky.

  2. Co se právě děje na Webtrhu?
    Juraj444 poptává: Drobné úpravy v Prestashope
    Vít Havlín poptává: Úprava části webu v systému WooCommerce/WordPress
    Tomáš Mayer poptává: Java script programator
  3. Jak definovat? Šířku?

    col-md-4 je do 12ti 3x (jde tedy o 1/3 šířky vnitřního obsahu samotného bloku -> ), tedy šířka je 33.333% a používá se i padding-left/right zpravidla na 15px (může být i jiná hodnota), pokud jde o toto... Nebo pokud jde o definice v zařízeních je to následovně:

    1) col-xs- -> ... do 767px
    2) col-sm- -> od 768px do 991px
    3) col-md- -> od 992px do 1199px
    4) col-lg- -> od 1200px

    Pro col md se v css jinak používá třeba pro příklad:
    @media all and (min-width:992px) and (max-width:1199px) { třídy a styl CSS }

  4. dik, toto vim...myslim odsazeni prvku v col-md-4 divu

    ...už jsem to vyřešil...vložil jsem odsazeny Div do Divu :-D ... ale vim, že to lze řešit jinak

  5. :ddd

  6. vo _variables.scss uprav $grid-gutter-width a prekompiluj. default je 30px.

    takto to funguje under the hood

    Kód:
    @mixin make-container() {
      width: 100%;
      padding-right: ($grid-gutter-width / 2);
      padding-left: ($grid-gutter-width / 2);
      margin-right: auto;
      margin-left: auto;
    }
    
    
    @mixin make-row() {
      display: flex;
      flex-wrap: wrap;
      margin-right: ($grid-gutter-width / -2);
      margin-left: ($grid-gutter-width / -2);
    }
    
    @mixin make-col-ready() {
      position: relative;
      width: 100%;
      min-height: 1px; // Prevent collapsing
      padding-right: ($grid-gutter-width / 2);
      padding-left: ($grid-gutter-width / 2);
    }

Hostujeme u Server powered by TELE3