ट्विटर बूटस्ट्रैप - एक तालिका पंक्ति निष्क्रिय

Question

हाय मैं एक तालिका निष्क्रिय में एक पंक्ति बनाना चाहता हूं। यहां तक ​​कि अगर मेरे द्वारा हैक करना आसान है और मेरे वर्तमान विषय के निष्क्रिय तत्वों के समान रंग के साथ एक कस्टम सीएसएस जोड़ें, मुझे लगता है कि इसे बूटस्ट्रैप द्वारा ही संभाल सकता है।

कोई सुझाव?

Answer 1

बूटस्ट्रैप में कुछ तत्व है उपयोगी हो सकते:

---

उपयोग प्रासंगिक वर्गों पंक्ति रंग बदलने के:

<!-- On rows --> 
<tr class="active">...</tr> 
<tr class="success">...</tr> 
<tr class="warning">...</tr> 
<tr class="danger">...</tr> 
<tr class="info">...</tr> 

<!-- On cells (`td` or `th`) --> 
<tr> 
    <td class="active">...</td> 
    <td class="success">...</td> 
    <td class="warning">...</td> 
    <td class="danger">...</td> 
    <td class="info">...</td> 
</tr> 

http://getbootstrap.com/css/#tables-contextual-classes

---

उपयोग प्रासंगिक रंग बदलने के पाठ का रंग:

<p class="text-muted">...</p> 
<p class="text-primary">...</p> 
<p class="text-success">...</p> 
<p class="text-info">...</p> 
<p class="text-warning">...</p> 
<p class="text-danger">...</p> 

http://getbootstrap.com/css/#helper-classes-colors

---

विकलांग तत्व प्रपत्र तत्वों और बटन के लिए प्राथमिक है। कि यहाँ की जाँच करें,

Answer 2

क्या तालिका पंक्ति में कोई इनपुट शामिल है? यदि ऐसा है, तो इनपुट में अक्षम एचटीएमएल 5 विशेषता जोड़ें और शायद उस पंक्ति में पाठ को दिखाएगा कि यह निष्क्रिय है? बस एक विचार ..

आईई।

<tr> 
    <td style="color:grey;">Sample Text</td> 
    <td><input type="text" disabled/></td> 
</tr> 

मैंने ट्विटर बूटस्ट्रैप के साथ थोड़ा सा काम किया है और इन सुविधाओं में से कोई भी नहीं देखा है।

Answer 3

मैं एक कस्टम वर्ग table-inactive बना लिया है:

.table-inactive td { 
    background-color: #ececec; 
    color: #b9b9b9; 
}