2012-06-22 14 views
51

यह मेरा पहला ट्विटर बूटस्ट्रैप अनुभव है। मैंने कुछ शीर्षलेख जोड़े हैं (एच 1, एच 2, आदि) और वे बाईं तरफ गठबंधन हैं। केंद्र शीर्षकों का सही तरीका क्या है?बूटस्ट्रैप केंद्र शीर्षक

+0

आप शीर्षक कैसे प्राप्त कर रहे हैं? एक कंटेनर के अंदर, जैसे 'पी' टैग, या ढीला? –

+0

@AndresIlich, पंक्ति-तरल के अंदर (जो कंटेनर-फ्लूइड के अंदर है) – SiberianGuy

+0

क्या आप सभी शीर्षकों को केंद्रित करना चाहते हैं? या सिर्फ कुछ चुनिंदा कुछ? –

उत्तर

94
.text-left { 
    text-align: left; 
} 

.text-right { 
    text-align: right; 
} 

.text-center { 
    text-align: center; 
} 

बूटस्ट्रैप पाठ संरेखण के लिए तीन सीएसएस कक्षाओं को जोड़ा है।

11
अपनी टिप्पणी प्रति

, सभी शीर्षकों तुम सब करने की है एक ही समय में उन सभी को text-align:center जोड़ते हैं, ताकि तरह है केंद्र के लिए:

सीएसएस

h1, h2, h3, h4, h5, h6 { 
     text-align: center; 
    } 
+0

द्वारा केंद्रित सभी शीर्षलेखों को रखना चाहता हूं, जबकि सही है, ट्विटर बूटस्ट्रैप का उपयोग करने के पीछे विचार मौजूदा कक्षाओं को यथासंभव संभवतः उपयोग करना है। Jinpu Hu – Skurpi

+0

@Skurpi फ्रेमवर्क द्वारा दिए गए उत्तर को एक परियोजना में आप जो भी उपयोग कर सकते हैं उसके प्रति सुझाव के रूप में कार्य देखें; वे किसी भी तरह से दिए गए नहीं हैं। बूटस्ट्रैप में पहले से दी गई कक्षाओं और शैलियों का उपयोग करने के लिए सरल होने पर, यदि आपके प्रोजेक्ट की आवश्यकताओं के लिए आपको "ओपी के प्रश्न के अनुसार ढांचे में कुछ कठोर परिवर्तन करने की आवश्यकता है, तो इसके बारे में जाने का सबसे आसान तरीका यह है कि केवल उन परिवर्तनों को संशोधित करना है जड़ का स्तर एक टन वर्ग जोड़ने के विरोध में जिसकी आपको वास्तव में आवश्यकता नहीं है। –

+0

@Skurpi इसके अलावा, लेखन के समय उन संरेखण वर्ग [मौजूद नहीं थे] (https://github.com/twitter/bootstrap/blob/71669dda63644a7b4162ca63f8b9c88b3586c7e4/docs/assets/css/bootstrap.css)। यह जवाब एक वर्ष पुराना है। –

24

केंद्र शीर्षक के लिए तत्व में वर्ग = 'टेक्स्ट-सेंटर' का उपयोग करें।

<h2 class="text-center">sample center heading</h2> 

उपयोग वर्ग = बाईं शीर्षक के लिए तत्व में 'पाठ-बाएँ', सही शीर्षक के लिए तत्व में और उपयोग class = 'पाठ-सही'।

4

बूटस्ट्रैप कई प्री-बिल्ड क्लास के साथ आता है और उनमें से एक class="text-left" है। जब चाहें इस वर्ग को कॉल करें। :-)

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