Centring Input and Button

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Centring Input and Button

Atman Shah asked 7 years ago

Hey all! I need help with centring this input and search button. Please find the codepen link and save if you got it working. https://codepen.io/anon/pen/MGpJbV

Ollie Vincent pro answered 7 years ago

Try this code: 
 <div class="mx-auto" style="max-width:100%;">
 <div class="row"><div class="col-md-5"></div><div class="col-md-7">
 <form class="form-inline mr-auto mb-4">
 <input class="form-control mr-sm-2" type="text" placeholder="Search">
 <button class="btn btn-outline-danger btn-rounded btn-sm my-0 waves-effect waves-light" type="submit">Search</button>
 </form></div></div>
 
 </div>

Atman Shah commented 7 years ago

Thank you! Works.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Atman Shah
0Support score
1Questions 0Answers
0Snippets likes 0Snippets