Topic: how to make wider on navbar search text field.
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
Add comment
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags