Purecss.io'daki kapsayıcı önyükleme sınıfının eşdeğeri nedir?

Question

Projem için purecss kullanıyorum.

Tüm içerik merkezimin sayfamda önyükleme kapsayıcı sınıfı ile olmasını istiyorum.

Purecss ızgarasını kullanarak farklı şeyler kullanmayı denedim ancak nasıl yapılacağını anlayamıyorum. Sadece kaynak genç Luke

Answer 1

Güven: Saf çerçevesinde atıfta nerede

.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; 
    } 
} 

https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css

Yalnızca orijinal sorunun güncellemeden sonra seni fark etti.

Ben kaynağın https://github.com/yahoo/pure/blob/master/src/grids/css/grids-core.css kaynağına bir göz attım ve sadece container gibi Bootstrap bir ızgara sarıcı pure-g üzerinde hiçbir boyutlandırma ekler fark etti.

Yani, Saf çerçeve Bootstrapdaha geneldir ve ne istersen için kendiniz o kabın genişliğini belirtmek için mükemmel makul.

.pure-g { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
} 
@media (min-width: 768px) { 
    .pure-g { 
    width: 750px; 
    } 
} 
@media (min-width: 992px) { 
    .pure-g { 
    width: 970px; 
    } 
} 
@media (min-width: 1200px) { 
    .pure-g { 
    width: 1170px; 
    } 
} 

Answer 2

.centered{ 
    margin: 0 auto; 
    width: 80%; 
} 

@media screen and (min-width: 480px) { 
    .centered{ 
      margin: 0 auto; 
      width: 95%; 
     } 
} 

<div class="centered"> </div>