ट्विटर बूटस्ट्रैप और कम फ़ाइलें

Question

मैंने कम फ़ाइलों के साथ ट्विटर बूटस्ट्रैप को आजमाने के लिए लैंडिंग पृष्ठ को कोड किया है। मुझे यकीन नहीं है कि मैंने अपनी कम फाइलों को व्यवस्थित किया है या नहीं।

मेरी index.html के सिर अनुभाग में:

<link rel="stylesheet/less" type="text/css" href="bootstrap.less" /> 

यहाँ मेरी bootstrap.less

// Core variables and mixins 
@import "less/variables.less"; // Modify this for custom colors, font-sizes, etc 
@import "less/mixins.less"; 

// CSS Reset 
@import "less/reset.less"; 

// Grid system and page structure 
@import "less/scaffolding.less"; 
@import "less/grid.less"; 
@import "less/layouts.less"; 

// Base CSS 
@import "less/type.less"; 

// Utility classes 
@import "less/utilities.less"; // Has to be last to override when necessary 

की सामग्री मेरी फ़ोल्डर में "कम" मेरे पास है निम्न फ़ाइलें

• utilities.less
• utilities.css
• variables.less
• variables.css
• grid.less
• grid.css
• type.less
• layouts.less
• mixins.less
• scaffolding.less
• reset.less

वे सभी मेरे लैंडिंग पृष्ठ को काम करने के लिए वास्तव में आवश्यक हैं लेकिन मुझे यकीन नहीं है कि यह फ़ाइल संगठन सबसे अच्छा समाधान है या नहीं। मैं इसके बारे में थोड़ा उलझन में हूं, क्या आप मेरी मदद कर सकते हैं और मुझे बता सकते हैं कि मैं अच्छा कर रहा हूं? फाइलों को व्यवस्थित करने का कोई बेहतर तरीका है?

Here आप लैंडिंग पृष्ठ

Answer 1

आप अपने फ़ाइलों को व्यवस्थित पूरी तरह आप पर निर्भर है देखते हैं, लेकिन यहाँ कैसे मैं सामान्य रूप से विकास के दौरान यह करना है:

public/ 
    css/ 
     layout.css (compiled from main.less) 
     less/ 
      main.less (imports bootstrap/bootstrap.less) 
      bootstrap/ 
       bootstrap.less 
       ...etc... 

आमतौर पर main.less भी तरह फ़ाइलों को आयात करता blog.less, forum.less, आदि (साइट सामग्री के आधार पर)। यह स्कीमा मुझे HTML में layout.css शामिल करने देता है, और या तो वॉचर के माध्यम से या मांग पर कम-से-कम संकलित करता है।