Topic: how to make wider on navbar search text field.

Alidad pro asked 5 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 Wierzbicka staff answered 5 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

Please insert min. 20 characters.


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



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