छोटी स्क्रीन से देखने पर बटन को केंद्रीकृत कैसे किया जाता है? - html, सीएसएस, ट्विटर-बूटस्ट्रैप

मेरे पास एक ही पंक्ति में दो बटन हैं लेकिन जब वेबसाइट को एक छोटी स्क्रीन पर देखा जाता है और बटन को दो पंक्तियों में होने के लिए मजबूर किया जाता है, तो दूसरा बटन केंद्रीकृत नहीं होता है।

लैपटॉप से ​​देखा गया लैपटॉप से ​​देखा गया

एक फोन से देखा गया

एक फोन से देखा गया

<span class="inline" style="">
<a href="/mgconsole" class="btn btn-theme"><strong>Login to ASDADSADASDAS</strong></a>
<a href="/idx/verify" class="btn btn-outline" style="margin: 15px;"><strong>I Want to SDSDASDDSADASDASDASDASD</strong></a>
</span>

मैं दूसरे बटन को केंद्रीकृत कैसे करूं?

उत्तर:

जवाब के लिए 0 № 1

आप ग्रिड सुविधा का उपयोग कर सकते हैं जैसे:

यदि आप छोटे उपकरण के लिए 2 पंक्तियों पर और अन्य के लिए 1 पंक्ति पर बटन चाहते हैं, तो आप विभिन्न ग्रिड चौड़ाई का उपयोग कर सकते हैं (12 दूसरों के लिए छोटे 6 के लिए)

  <div class="row">
<div class="col-xs-12  col-sm-6  col-md-6 col-lg-6">
<button type="button" class="btn btn-success btn-block">Enter</button>
</div>

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<button type="button" class="btn btn-danger btn-block">Exit</button>
</div>
</div>

जवाब के लिए 0 № 2

आपको संपत्ति को जोड़ना होगा text-align: center; अपने बटन पर


जवाब के लिए 0 № 3

बस मुझे बताओ कि क्या यह मीठा नहीं है

<div class="row">

<div class="col-xs-2"></div>

<div class="col-xs-8">

<div class="row">
<div class="col-sm-6" style="margin-bottom:10px;">
<button type="button" class="btn btn-success btn-block">Enter</button>
</div>

<div class="col-sm-6">
<button type="button" class="btn btn-danger btn-block">Exit</button>
</div>
</div>

</div>

<div class="col-xs-2"></div>

</div>

संबंधित सवाल
सबसे लोकप्रिय