एचटीएमएल परिभाषा सूची का उपयोग करें, और बूटस्ट्रैप

Question

के साथ समस्या का उपयोग करें, मैं दृश्य पृष्ठ (इकाई के विवरण) प्रस्तुत करने के लिए परिभाषा सूची (डीएल, डीडी, डीटी) का उपयोग करता हूं। क्या विवरण सूची इस उपयोग के लिए अच्छा नहीं है?

ट्विटर बूटस्ट्रैप के साथ उपयोग करते समय, जब <dd></dd> खाली है, तो सभी सामग्री शीर्ष पर जाती है। किसी ऑब्जेक्ट के विवरण दिखाने के लिए यह अवांछनीय है, जिसमें कुछ गुण खाली हो सकते हैं।

कृपया देखें बेला यहाँ http://jsfiddle.net/cPwHr/

यह एक बग है? मैं यह कैसे रोक सकता हूँ। या मुझे सामान्य सूची (उल, ली ..) या तालिका का उपयोग करना चाहिए।

Answer 1

यदि आप खाली छोड़ने की बजाय परिभाषा नहीं रखते हैं तो आप केवल एक गैर-ब्रेकिंग स्पेस का उपयोग कर सकते हैं। इस तरह सभी सीएसएस नियमों को अभी भी अपेक्षित के रूप में लागू किया जाएगा।

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

Answer 2

आप भी इस शैली ओवरराइड का उपयोग कर सकते हैं:

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

@ गेल-marziou द्वारा उत्तर, इस सूत्र देखें: इस के संभावित डुप्लिकेट है Prevent Twitter bootstrap empty <dd> filling with next <dd> value