| Autor | Zpráva | ||
|---|---|---|---|
| robbie Profil |
#1 · Zasláno: 9. 7. 2019, 10:53:13
Ahoj , zkoumam css kod Bootstrapu a nechapu, jak docílili toho, že .container ma odsazení zprava i zleva a .container-fluid nemá žádné odsazení, když obě třídy mají naprosto stejný kod:
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}To mi hlava nebere, chápe to někdo z vás? Děkuju |
||
| blaaablaaa Profil |
#2 · Zasláno: 9. 7. 2019, 12:28:05
robbie:
Oba mají nastavené paddingy 15px. Pokud je v nich např. row, který má nastavené zase stejně velké záporné marginy, takže zaplní celou plochu containeru. Container má oproti container-fluid nastavenou pevnou šířku, viz grid.less (bootstrap 3): .container {
.container-fixed();
@media (min-width: @screen-sm-min) {
width: @container-sm;
}
@media (min-width: @screen-md-min) {
width: @container-md;
}
@media (min-width: @screen-lg-min) {
width: @container-lg;
}
} |
||
| robbie Profil |
#3 · Zasláno: 11. 7. 2019, 10:49:28
Omlouvam se, ale porad jsem moc nepochopil, jak docílili toho ze .container ma odsazeni a .contaner-fluid ne ��, když kod css mají stejny. viz. kod v mem dotazu, je nekde nejaky dodatek, ktery k tridam neco pridava. Dekuji
tento kod jsem nenasel prave nikde:( .container { .container-fixed(); @media (min-width: @screen-sm-min) { width: @container-sm; } @media (min-width: @screen-md-min) { width: @container-md; } @media (min-width: @screen-lg-min) { width: @container-lg; } } |
||
| blaaablaaa Profil |
#4 · Zasláno: 11. 7. 2019, 12:53:50
robbie:
Je to kód z LESS, v CSS je toto: .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}.container i .container-fluid mají oba nastavený margin-left a margin-right, jen .container má nastavenou i pevnou šířku, zatímco .container-fluid má šířku 100% (marginy se tedy neprojeví) |
||
|
Časová prodleva: 5 let
|
|||
0