रोकें ट्विटर वहाँ

Question

हैलो सीएसएस गुरु अगले

मूल्य के साथ bootstrap खाली

भरने,

मैं चहचहाना बूटस्ट्रैप प्यार करता हूँ, और मैं इस पर आधारित परियोजनाओं का एक बहुत प्रोटोटाइप हूँ, मैं इस समस्या है, जहां अगर सामना करना पड़ा dd टैग के अंदर कोई HTML नहीं है, एक और डीडी इसकी जगह लेता है, मैं समझता हूं कि यह क्यों हो रहा है, जिस तरह से डीएल स्टाइल किया गया है, अगर सामग्री की आवश्यकता होने पर डीडी को एक से अधिक पंक्ति तक विस्तार करने की अनुमति मिलती है, तो मैं नहीं चाहता इस सुंदर स्टाइल को तोड़ने के लिए, मैं बस इसे संशोधित करना चाहता हूं ताकि डीडी मान खाली हो, तो यह सिर्फ पतन नहीं होगा, इसलिए इससे पहले कि मैं खाली मूल्य छुपाने के लिए सर्वर पक्ष की तरह पागल हो, या मूल व्यवहार को संशोधित करना या यहां तक ​​कि जोड़ना jQuery, मैं जानना चाहता था कि कोई मदद कर सकता है, यह एक तस्वीर है जो फर्ट को चित्रित करती है मैं जो कह रहा हूं, यह आरटीएल है इसलिए डीटी दाईं ओर है।

Answer 1

मैं इस शैली ओवरराइड इस्तेमाल किया।

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

Answer 2

developer के अनुसार, <dd> कभी खाली नहीं होना चाहिए (जो मैं सहमत नहीं)।

और मुझे लगता है कि वह clearfix कक्षा को <dd> एस में जोड़ने के लिए पसंद करते हैं जो खाली हो सकता है।

<dd class="clearfix"></dd>

अद्यतन

इस सुधार में 3.2 के बाद शामिल किया गया है, release note देखते हैं।

Answer 3

यदि मैं this commit को ठीक से व्याख्या कर रहा हूं, तो यह 3.0.0 में डिफ़ॉल्ट व्यवहार होगा। तब तक आप clearfix के विकल्प के रूप में dl-horizontal जोड़ने का भी प्रयास कर सकते हैं।

<dd class="dl-horizontal"></dd> 

Answer 4

उदाहरण:

<dd><%= @route.id %>&nbsp;</dd> 

http://www.sitepoint.com/forums/showthread.php?442551-When-dd-%28in-a-definition-list%29-is-empty-below-content-is-pulled-upwards

Answer 5

शायद तुम सिर्फ इतना है कि कोशिश कर सकते हैं:

dd { 
    display: inline-block; 
}