मैं एक पंक्ति में ट्विटर बूटस्ट्रैप अलर्ट कैसे केंद्रित करूं?

Question

कोड इस तरह दिखता है:

<div class="row"> 
<div class="span4 alert alert-info">My Alert</div> 
</div> 

यह काम नहीं करता। विचार?

मैं ऐसे समाधान की तलाश में हूं जिसमें मुझे हार्डकोडिंग चौड़ाई कहीं भी शामिल न हो।

Answer 1

बेस्ट इसलिए की तरह अपने कोड के लिए:

<div class="row"> 
<div class="span12"> 
    <div class="alert alert-info">My Alert</div> 
</div> 
</div> 

तो फिर तुम होने की चेतावनी सेट कर सकते हैं:

.alert { 
    display: inline-block; 
    margin: 0 auto; 
} 

Answer 2

आप डिफ़ॉल्ट 12 स्तंभ ग्रिड का उपयोग कर रहे मान लिया जाये:

<div class="row"> 
    <div class="span4 offset4 alert alert-info">My Alert</div> 
</div> 

पर कॉलम ऑफ़सेट करना 10 दस्तावेज़ों में से।

Answer 3

<div class="alert alert-info col-lg-2 col-lg-offset-10">My Alert</div> 

Answer 4

अपनी शैली में इसे जोड़ें।

.alert { 
    width:40%; margin-left: 30%; 
} 

अद्यतन

जबकि इसके बाद के संस्करण तकनीक काम करता है (100-40-30 करके सही पर 30% रखने ..) .. इसके सरल बॉक्स का आकार wouldn के रूप में के बजाय निम्न तकनीक का उपयोग करने के लिए पिछले उदाहरण के विपरीत इस में टेक्स्ट लम्बाई के अनुसार समायोजित करने की आवश्यकता नहीं है। जब संभव हो तो इसका उपयोग करें:

.alert { 
    margin: auto; display: table; 
}