Popular
Newest
Updated
Sign in
Create an account
Categories
Admin Templates
204
Multipurpose Templates
164
Landing Pages
157
Portfolios & Resumes
86
Ecommerce
46
Blogs & Magazines
26
Directories & Listings
26
UI Kits & Website Builders
10
Documentation
5
Specialty
106
Topics
General
277
Business & Corporate
122
Design & Creative Services
114
Apps & Software
54
Retail & Shopping
35
Startups & SaaS
27
Marketing & Conversion
21
Restaurants & Cafes
17
Education & Learning
16
Finance & Accounting
16
See all →
Compatible with
Bootstrap
776
Tailwind CSS
46
PHP
42
React
42
Laravel
26
Python
24
Angular
23
Vue.js
22
Django
20
ASP.NET Core
14
See all →
Discussion on
Listty - Directory Listing + Admin Theme
Details
Discussion
Back to discussions
Making the search bar centered when having only one textbox and one button
subhendus
PURCHASED
1 year ago
Hi , currently I am just trying to have one serah bar (with out location and category).
<div className="py-7 py-md-0 bg-light">
<div className="container position-relative px-md-0">
<div className="search-box">
<form method="GET" action="listings-half-screen-map-list.html">
<div className="form-group mb-md-0">
<input type="text" className="form-control" placeholder="Where do you want to Go?" />
</div>
<button type="submit" className="btn btn-primary">
Search
</button>
</form>
</div>
</div>
</div>
Thish pushes the button to right while the search bar is on left. Is there a class I can use to make input and button to the center of the screen ?
Reply
Close
Making the search bar centered when having only one textbox and one button
<div className="py-7 py-md-0 bg-light">
<div className="container position-relative px-md-0">
<div className="search-box">
<form method="GET" action="listings-half-screen-map-list.html">
<div className="form-group mb-md-0">
<input type="text" className="form-control" placeholder="Where do you want to Go?" />
</div>
<button type="submit" className="btn btn-primary">
Search
</button>
</form>
</div>
</div>
</div>
Thish pushes the button to right while the search bar is on left. Is there a class I can use to make input and button to the center of the screen ?