केंद्र डिफ़ॉल्ट ट्विटर बूटस्ट्रैप सीएसएस

Question

का उपयोग कर क्षैतिज रूप से एक div को संरेखित करें, मुझे पता है कि सीएसएस में क्षैतिज रूप से एक div को संरेखित करने के लिए केंद्र कैसे करें। आपको चौड़ाई को 100% से कम करने की आवश्यकता है और बाएं और दाएं दोनों ओर ऑटो मार्जिन है। मैं ट्विटर बूटस्ट्रैप की यह डिफ़ॉल्ट शैलियों को करना चाहता हूं। मैं अतिरिक्त सीएसएस लिखना नहीं चाहता। आश्चर्य है कि ट्विटर बूटस्ट्रैप में उपयोग की जाने वाली डिफ़ॉल्ट शैली का उपयोग करना संभव है या नहीं।

div की चौड़ाई निर्धारित करने के लिए, मैं span* का उपयोग कर रहा हूं। लेकिन span*float: left है। क्या कोई कक्षा है, जो div की चौड़ाई निर्धारित कर सकती है, लेकिन float: left नहीं जोड़ पाएगी?

Answer 1

क्षैतिज रूप से एक div को संरेखित करने के लिए जो एक स्पैन शैलियों (span2, span4, आदि ...) का उपयोग कर रहा है, आपको ऑफ़सेट का उपयोग करने की आवश्यकता है।

<div class="offset3 span6"> 
    ... 
</div> 

Answer 2

उपयोग वर्ग pagination-centered अंदर एक div की तरह:

<div class="row"> 
    <div class="span12 pagination-centered"> 
    <p> content</p> 
    </div> 
</div> 

Answer 3

तत्व आप क्षैतिज संरेखित करना चाहते हैं एक अजीब सी अवधि (@JayGee) है और आपको अतिरिक्त सीएसएस लिखना चाहते नहींं हैं (नहीं यहां तक ​​कि इनलाइन भी?) तो जवाब होना चाहिए: नहीं, यह संभव नहीं है। अन्यथा मैं @ जयजी के जवाब के लिए जाऊंगा।

Answer 4

केंद्र सामग्री के लिए बूटस्ट्रैप का तरीका class="center-block" को यह निर्दिष्ट करता है: a link to Bootstrap 3 doc page।

हालांकि, यह शीर्षक या अनुच्छेद पर काम नहीं करेगा। class="text-center" उन मामलों में काम करता प्रतीत होता है।

Answer 5

@ जयजी के उत्तर के आधार पर।

<div class="row"> 
    <div class="col-sm-offset-4 col-md-offset-4 col-lg-offset-4 col-sm-4 col-md-4 col-lg-4"> 
    ... content here ... 
    </div> 
</div>