HTML Tanımı listesini kullanıp, önyükleme düzeniyle sorunu giderin

Question

Görünüm sayfasını (bir varlığın ayrıntıları) oluşturmak için Tanım listesini (dl, dd, dt) kullanıyorum. Açıklama listesi bu kullanım için iyi değil mi?

Twitter bootstrap ile kullanıldığında, <dd></dd> boş olduğunda, tüm içerikler en üste kaydırılır. Bu, bazı özellikleri boş olarak içerebilen bir nesnenin ayrıntılarını göstermek için istenmeyen bir durumdur.

burada keman http://jsfiddle.net/cPwHr/

Bu bir hata mı bakın? Bunu nasıl engelleyebilirim? Veya normal liste (ul, li ..) veya tablo kullanmalı mıyım?

Answer 1

Boş bırakılmak yerine bir tanımınız yoksa, yalnızca kesme olmayan bir alan kullanabilirsiniz. Bu şekilde, tüm css kuralları hala beklendiği gibi uygulanacaktır.

 <dt>Description lists</dt> 
     <dd>&nbsp;</dd> 

Answer 2

Ayrıca bu tarz geçersiz kılmayı kullanabilirsiniz: Bu konu bkz @ gael-marziou tarafından

.dl-horizontal > dd:after { 
    display: table; 
    content: ""; 
    clear: both; 
} 

Cevap: Bu olası bir kopyası Prevent Twitter bootstrap empty <dd> filling with next <dd> value