2012-09-13 20 views
7

के बीच में न केवल बाहरी सीमा लाइनों पाने के लिए मैंट्विटर-बूटस्ट्रैप मेज और पंक्तियों

<table class="table table-condensed"> 

है मैं वहाँ में table-bordered किया करते थे, लेकिन यह मुझे पंक्तियों के बीच में लाइनों दे रहा है। मैं बस पूरी तालिका के बाहर शीर्ष, नीचे, बाएं और दाएं लाइनों और पंक्तियों के बीच कोई लाइन नहीं चाहता हूं।

इसके अलावा, मैं बच्चे को पहला कदम करने की कोशिश की है और इसलिए के रूप में यहाँ का सुझाव दिया Remove row lines in twitter bootstrap और समाधान

table td { 
    border-top: none; 
} 

मेरे लिए काम नहीं किया

उत्तर

10

दिया पंक्तियों के बीच में लाइनों को दूर करने की कोशिश की मेरा मानना ​​है कि आपका सीएसएस उठाया नहीं जा रहा है क्योंकि यह पर्याप्त विशिष्ट नहीं है। सीएसएस कि चहचहाना बूटस्ट्रैप कोड में सीमा को परिभाषित करता है:

.table th, .table td { /*css*/ } 

लेकिन अपने कोड

table td { /* css */} 

पहले अधिक विशिष्ट है क्योंकि यह बजाय वर्ग ".table" का उपयोग करता है तालिका के माना जाता है चयनकर्ता के रूप में तत्व और इस प्रकार उच्च प्राथमिकता है।

एक छोटे से jsfiddle बनाया आप क्या चाहते हैं http://jsfiddle.net/hajpoj/EfUAa/11/

.table td, .table th { 
    border: none; 
} 

table.table.table-condensed { 
    border: 1px solid black; 
} 

करने के लिए यहाँ सीएसएस विशिष्टता पर एक अच्छा संसाधन है:

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

इसके अलावा यह सुनिश्चित कर लें कि आपके सीएसएस फ़ाइल बूटस्ट्रैप के बाद भरी हुई है फ़ाइल।

संबंधित मुद्दे