2015-02-18 4 views
6

में निश्चित गटर सेट करें डिफ़ॉल्ट रूप से, नीट प्रत्येक span-columns तत्व के मार्जिन-दाएं के रूप में प्रतिशत का उपयोग करता है, लेकिन outer-container चौड़ाई के बावजूद, मैं एक निश्चित 30px गटर की उम्मीद कर रहा हूं।बोर्बोन नीट

enter image description here

+0

मुझे एक ही समस्या है और अब तक यह पता नहीं लगा सकता कि नीट का उपयोग करके इसे कैसे किया जाए। –

उत्तर

4

एक समाधान अपने स्वयं के mixin कि साफ गटर ओवरराइड करता है बनाने के लिए किया जाएगा।

@mixin col-with-gutter($cols, $gutter){ 
    @include span-columns($cols); 
    margin-right: $gutter; 
} 

.half{ 
    @include col-with-gutter(2, 30px); 
} 

जाहिर है आप आप अन्य span-columns सुविधाओं में से कुछ का उपयोग करने की आवश्यकता है कुछ अतिरिक्त अनुकूलन करने के लिए होगा। मेरा सुझाव है कि आप _span-columns.scss source पर ध्यान दें कि यह पता लगाने के लिए कि आपके लिए सबसे अच्छा क्या काम कर सकता है।

ईमानदारी से हालांकि, मुझे लगता है कि इस कार्यक्षमता में कोई कारण नहीं है। अधिकांश स्थितियों में, 30px पर गटर सेट करना एक उत्तरदायी डिज़ाइन के लिए हानिकारक होगा (क्योंकि कॉलम की कुल चौड़ाई शायद नहीं जुड़ जाएगी 100 तक%)।

आपके पास 30px की इच्छा रखने का एक वैध कारण हो सकता है, लेकिन यदि आप निश्चित नहीं हैं कि आपको सटीक मूल्य की आवश्यकता है तो पुनर्विचार करना उचित हो सकता है।