5

मैं कोणीय सामग्री के साथ ट्विटर बूटस्ट्रैप को एक साथ जोड़ना चाहता हूं। मुझे बूटस्ट्रैप सामग्री डिजाइन https://github.com/FezVrasta/bootstrap-material-designविवादों के बिना ट्विटर बूटस्ट्रैप के साथ कोणीय सामग्री को जोड़ना

कोणीय सामग्री घोषणाओं के बाद उपयोग करता है;

<script src="../bower_components/angular/angular.min.js"></script> 
<script src="../bower_components/angular-animate/angular-animate.min.js"></script> 
<script src="../bower_components/angular-aria/angular-aria.min.js"></script> 
<script src="../bower_components/angular-material/angular-material.min.js"></script> 

बूटस्ट्रैप सामग्री के लिए, दस्तावेज़ीकरण में घोषणाएं इस तरह हैं;

<!-- Material Design fonts --> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons"> 

    <!-- Bootstrap --> 
    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

    <!-- Bootstrap Material Design --> 
    <link rel="stylesheet" type="text/css" href="dist/css/bootstrap-material-design.css"> 
    <link rel="stylesheet" type="text/css" href="dist/css/ripples.min.css"> 

यदि मैं सभी लिंक शामिल करता हूं तो क्या संघर्ष होगा? मैं कोणीय सामग्री और बूटस्ट्रैप को गठबंधन करने के तरीके पर काफी उलझन में हूं।

+1

कोणीय और बूटस्ट्रैप का उपयोग करते समय, यह कोणीय-बूटस्ट्रैप https://angular-ui.github.io/bootstrap/ के लिए जाने का सुझाव दिया जाता है। सामग्री डिजाइन और बूटस्ट्रैप का उपयोग करने के साथ-साथ सामग्री डिजाइन पसंद करते हैं। लेकिन बूटस्ट्रैप में कुछ निर्देश हैं जो सामग्री में उपलब्ध नहीं हैं। तो जहां भी आप भौतिक डिज़ाइन का उपयोग नहीं कर सकते, बूटस्ट्रैप का उपयोग करें, और इसके विपरीत। कम से कम मेरे ज्ञान के लिए किसी भी संघर्ष का कोई मुद्दा नहीं है। –

उत्तर

4

बूटस्ट्रैप और कोणीय सामग्री को मिश्रण करना बेहतर नहीं है क्योंकि बूटस्ट्रैप की ग्रिड सिस्टम (संस्करण 3 ~ के रूप में) सीएसएस डिस्प्ले टेबल पर आधारित है और कोणीय सामग्री डिस्प्ले फ्लेक्स का उपयोग कर रही है। तो जैसा कि इस answer में सुझाया गया है, आपको सीएसएस संघर्ष प्राप्त होने की संभावना है और आपका आवेदन आकार बढ़ जाएगा।

यदि आपको बेहतर ब्राउज़र समर्थन की आवश्यकता है और आप बूटस्ट्रैप का उपयोग कर रहे हैं, तो मैंने Angular Bootstrap Material लिखा है जो Bootstrap material design theme का एंगुलरजेएस संस्करण है। यह jQuery और बूटस्ट्रैप की जावास्क्रिप्ट पर निर्भरता को समाप्त करता है और ng-messages का उपयोग कर फ़ॉर्म सत्यापन का समर्थन करता है।

आप bower install abm के माध्यम से बोवर से स्थापित कर सकते हैं।

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