Önyükleme satırları nasıl temizlenir?

Question

example of the messiness

Satırlardaki bu öğeler, çeşitli yüksekliklere sahiptir ve bir veritabanından alınır.

oooo oooo

ekran küçüldü eğer: Ben dostu mobil kalmak, ancak satırlar bu (her 'o' mağaza öğelerden biri anlamına) gibi daha temiz görünmesi için Sayfamı istiyorum boyutunda böyle görünebilir:

ooo

ooo

oo

veya bu

o o

o o

o o

o o

stil bu tür için en iyi araç önyükleme değil midir? ya da css'yi bir medya sorgusuyla mı kullanmalıyım? Sanırım her satırın yüksekliğinin, satırdaki en büyük öğenin yüksekliği kadar büyük olmasına ihtiyacım var. Bunu nasıl önyükleme kullanarak yapabilirim (mümkünse)? Şimdiden teşekkürler!

Answer 1

Varsayılan kenar boşluklarının ve dolguların üzerine yazabilirsiniz. Ya da olmasını istediğiniz her şeyi yapın. Değiştirmek istediğiniz öğeleri bulmak için denetçiyi kullanabilir ve geçersiz kılmak için bunları css dosyanıza ekleyebilirsiniz.

Answer 2

Önyükleme kılavuzundaki this section'a bir göz atın. Tam olarak ne istediğinizi nasıl yapacağınızı açıklar.

12 xs sütunlardan sonra yalnızca xs aygıtları tarafından görülebilen, clearfix visible-xs-block sınıfı bir div kullanır. Bu, şamandırayı temizler, böylece sonraki sütunlar değişen yüksekliklerden etkilenmez. i sm sütunları temizlemek ve 12 md sütunlar sonra md sütunları temizleyecektir <div class="clearfix visible-md-block"> katacak <div class="clearfix visible-sm-block"> eklemek

<div class="col-sm-4 col-md-3"></div> 
<div class="col-sm-4 col-md-3"></div> 
<div class="col-sm-4 col-md-3"></div> 
<div class="clearfix visible-sm-block"> 
<div class="col-sm-4 col-md-3"></div> 
<div class="clearfix visible-md-block"> 

Bildirimi 12 sonra sm sütunlar: İşte başka bir örnek.