SORU
23 AĞUSTOS 2012, PERŞEMBE


Twitter yuvarlak köşeler oluşturmak için doğru yolu Bootstrap

Sadece ile başladımTwitter Bootstrapve burada bir soru.

<header> özel blok yaratıyorum ve alt köşeleri yuvarlak olmasını istiyorum.

Herhangi bir "" ön tanımlı sınıfları kullanarak bunu yapmak için bir yol, ya da kendiniz gibi belirtmek zorundayım: . doğru var

border-radius: 10px;               // and all that cross-browser trumpery

Şimdilik css stilleri kullanıyorum. Belki daha iyi Bu sorun için less olacak?

CEVAP
23 AĞUSTOS 2012, PERŞEMBE


Sen ne arıyorsun sanırım: http://blogsh.de/tag/bootstrap-less/

@import 'bootstrap.less';
div.my-class {
    .border-radius( 5px );
}

Bir kendisine dahil ederse olduğundan kullanabilirsiniz:

.border-radius(@radius: 5px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

Bootstrap 3, 4 mixins var kullanabilirsiniz...

.border-top-radius(@radius);
.border-right-radius(@radius);
.border-bottom-radius(@radius);
.border-left-radius(@radius);

ya da kendi kendisine dahil ederse, bu işi tek çekimde top 4 kullanarak yapabilirsiniz.

.border-radius(@radius){
    .border-top-radius(@radius);
    .border-right-radius(@radius);
    .border-bottom-radius(@radius);
    .border-left-radius(@radius);
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Angry Paintballer

    Angry Paintb

    8 Ocak 2012
  • fufko

    fufko

    27 ŞUBAT 2006
  • max2sims2

    max2sims2

    19 Kasım 2008