Popular
Newest
Updated
Sign in
Create an account
Categories
Admin Templates
203
Multipurpose Templates
164
Landing Pages
148
Portfolios & Resumes
86
Ecommerce
46
Blogs & Magazines
26
Directories & Listings
26
UI Kits & Website Builders
10
Documentation
5
Specialty
103
Topics
General
276
Business & Corporate
118
Design & Creative Services
114
Apps & Software
53
Retail & Shopping
34
Startups & SaaS
27
Marketing & Conversion
21
Restaurants & Cafes
17
Education & Learning
16
Jobs & Hiring
15
See all →
Compatible with
Bootstrap
771
PHP
41
React
41
Tailwind CSS
37
Laravel
26
Python
24
Angular
23
Django
20
Vue.js
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 ?