2013-05-14 12 views
12

मैं डेटाटेबल्स.net + ट्विटर बूटस्ट्रैप और उत्तरदायी लेआउट का उपयोग कर रहा हूं, जो मैं कोशिश कर रहा हूं वह कक्षा के कुछ कॉलम को "दृश्यमान डेस्कटॉप" का उपयोग करके छिपाना है स्तंभों को केवल बड़े आकार में दिखाता है लेकिन ऐसा लगता है कि यह काम नहीं करता है, अच्छी तरह से छुपाता है, लेकिन यदि मैं डेस्कटॉप चौड़ाई पाने के लिए विंडो का आकार बदलता हूं तो कॉलम छुपा दिखने लगते हैं, तो एक सीएसएस डिस्प्ले क्लास समस्या दिखाई देती है, क्योंकि माता-पिता से डिस्प्ले के प्रकार को विरासत में मिलता है :ट्विटर बूटस्ट्रैप उत्तरदायी - डेस्कटॉप पर केवल कॉलम कॉलम दिखाएं

.visible-desktop { 
    display: inherit!important; 
} 

अगर मैं यह

.visible-desktop { 
    display: table-cell!important; 
} 
करने में हेरफेर

अच्छी तरह से काम करता है ... क्या इसके लिए कोई कामकाज है? या मुझे टेबल कॉलम छिपाने के लिए अपनी खुद की कक्षा लिखनी है?

उत्तर

22

मैं अंत में पाया गया है कि मौजूद है एक समाधान की जगह:

visible-desktop 

द्वारा

hidden-phone hidden-tablet 

आशा किसी को मदद करता है!

+4

यह अपने खुद के जवाब स्वीकार करने के लिए ठीक है यह दर्शाता है कि यह सही है से। – davidkonrad

+1

मुझे यह कहना होगा कि यह उत्तर केवल बूस्ट्रैप 2 के लिए है, जब मैंने पूछा तो बूस्ट्रैप 3 मौजूद नहीं है। – Santiago

11

बूस्ट्रैप 3.0 पर .visibilty-<size> या .hidden-<size> आधिकारिक दस्तावेज़ में वर्णित उत्तरदायी कक्षाओं का उपयोग करें। .visible और .hidden के लिए

http://getbootstrap.com/css/#responsive-utilities-classes

29

उपलब्ध वर्गों।

व्यूपोर्ट ब्रेकपॉइंट्स में टॉगलिंग सामग्री के लिए उपलब्ध कक्षाओं के एकल या संयोजन का उपयोग करें।

bootstrap css html visible and hidden class grid

बूटस्ट्रैप अनुभाग यहाँ http://getbootstrap.com/css/#responsive-utilities-classes

+1

यह सवाल का जवाब नहीं देता है। चूंकि उन वर्गों द्वारा जोड़े गए सीएसएस शैलियों को सेट करने की अनुमति है: डिस्प्ले, डिस्प्ले-ब्लॉक, डिस्प्ले-इनलाइन। वह "टेबल-सेल" के बारे में पूछ रहा है और यदि बीएस के साथ ऐसा करने का बेहतर तरीका है (कस्टम शैलियों को जोड़ने के बिना)। –

+1

लगता है कि Google बूटस्ट्रैप में 'दृश्यमान'/'छिपा' वर्गों के बारे में प्रश्नों के उत्तर में इस थ्रेड को फेंकता रहता है (मूल उत्तर प्राप्त होने वाले लगातार अपवर्तकों के आधार पर)। – DeBraid

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