In Bootstrap 3, is it possible to use col-*-* classes on definition terms with horizontal definition lists? -

निम्न मार्कअप के लिए:

  & lt; dl class = "dl-horizontal" & gt ; & Lt; dt & gt; शब्द का वर्णन करने वाले कुछ शब्द & lt; / dt & gt; & Lt; dd & gt; शब्द के साथ जुड़े डेटा & lt; / dd & gt; & Lt; / डीएल & gt;  

dt शब्द तत्व निश्चित चौड़ाई (180px पर) है और सीएसएस के विशिष्टता के कारण col - के साथ परिवर्तित नहीं किया जा सकता है। उदाहरण के लिए, नीचे काम नहीं करता है:

  & lt; dl class = "dl-horizontal" & gt; & Lt; dt class = "col-sm-3" & gt; शब्द का वर्णन करने वाले कुछ शब्द & lt; / dt & gt; & Lt; dd class = "col-sm-9" & gt; शब्द के साथ जुड़े डेटा & lt; / dd & gt; & Lt; / डीएल & gt;  

विवरण सूची नाम-मान युग्म के लिए हैं और एक निश्चित चौड़ाई कुछ भाषाओं के लिए उपयुक्त नहीं है जहां एक शब्द शब्द 180px से अधिक लंबा है। कटौती संभव नहीं है (यह बहुमूल्य अर्थ को छोटा करता है) और शब्द-रैपिंग (स्टैक ओवरफ़्लो ओवरराइड्स का उपयोग करके) पठनीय नहीं है।

क्या मुझे अतिरिक्त कक्षाएं जोड़ने की आवश्यकता है या मुझे ट्विटर बूटस्ट्रैप के साथ पीछा करना चाहिए?

संपादित करें

उत्तर की कमी को देखते हुए, मैंने बूटस्ट्रैप के साथ एक मुद्दा खोला है:

... आप हमेशा कॉल-एसएम -3 और कॉल-एसएम-9 कक्षाओं के लिए ओवरराइट कोड लिख सकते हैं (सटीक उदाहरण के बाद), लेकिन मुझे लगता है कि मीडिया प्रश्नों का उपयोग करते हुए अपने खुद के वर्ग लिखना आसान होगा और वही ब्रेकपॉइंट जो आप अपनी बूटस्ट्रैप फ़ाइल में उपयोग कर रहे हैं।

  @ मीडिया (न्यूनतम चौड़ाई: XXX) और (अधिकतम-चौड़ाई: XXX) {dt.col-sm-3 { चौड़ाई: 25%; } Dt.col-sm-9 {चौड़ाई: 75%; }}