All Languages >> Html >> bootstrap button center

“bootstrap button center” Code Answer’s

button center bootstrap

html by Thibaudkhan on Jun 30 2020 Donate Comment

<div class="text-center">
	<button type="button" class="btn btn-primary">My button</button>
</div>

bootstrap center button

html by Nervous Nightingale

on Oct 25 2020 Donate Comment

<div class="text-center"> 
	 <button type="button">centered button</button>
</div>

bootstrap button center

html by Ankur

on Apr 29 2020 Donate Comment

    <div class="container my-4">

        <p class="font-weight-bold">You can align the button to the center by simply adding alignment class to the parent div. See the examples.</p>
    
        <p><strong>Detailed documentation and more examples you can find in our <a href="https://mdbootstrap.com/docs/jquery/utilities/horizontal-align/"
              target="_blank">Bootstrap Horizontal alignment Docs</a> </p>
    
        <hr>
    
        <p class="font-weight-bold">Basic example</p>
      
       <p>Add class <code>.text-center</code> to the parent div to align <strong>any item</strong> inside to the center.</p>
        
        <div class="border border-light p-3 mb-4">
        
          <div class="text-center">
            <button type="button" class="btn btn-primary">Centered button</button>
          </div>
        
        </div>
    
      </div>

Add a Grepper Answer