how to make wider on navbar search text field.

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: how to make wider on navbar search text field.

Alidad pro asked 7 years ago

I\'m using one of your navbar with search text box with a button.see code 
<nav class=\"navbar navbar-dark justify-content-between\"> <a class=\"navbar-brand\">Navbar</a> <form class=\"form-inline\"> <input class=\"form-control mr-sm-2\" type=\"text\" placeholder=\"Search\" aria-label=\"Search\"> <button class=\"btn btn-outline-success btn-sm my-0\" type=\"submit\">Search</button> </form> </nav>
My questin is how can i can make more wider on search text field!Many thanks.AM

Marta Szymanska staff pro premium answered 7 years ago

Hi, add this code to your CSS file or <style></style> tags at the top of your HTML file: input.form-control { width: 400px!important; } Best, Marta
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

Answered

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