Search module

[[email protected]]

I am struggling to find a decent-looking search module in this template. I need a search form with at least 3 fields, possibly more in the future – some with dropdowns, some with keywords. I can’t find anything like that. The one I found does not style and disappears completely in mobile mode – the the URL https://www.homeproanswers.com/next-steps/contractor-list.html

Please help!
Thank you

---

[Support]

Hi, my suggestion is that you use Bootstrap grid for it, here’s an example:

<form>
	<div class="row"> 
		<div class="form-group col-md-4">
			<input type="text" class="form-control" name="field1" value="" placeholder="Field 1">
		</div>
		<div class="form-group col-md-3">
			<input type="text" class="form-control" name="field2" value="" placeholder="Field 2">
		</div>  
		<div class="form-group col-md-3">
			<input type="text" class="form-control" name="field3" value="" placeholder="Field 3">
		</div>  
		<div class="form-group col-md-2">
			<div class="d-grid gap-2">
				<button class="btn btn-primary" type="button">Search</button>
			</div>
		</div>
	</div>
</form>

More details:
https://getbootstrap.com/docs/5.2/layout/grid/#example
https://getbootstrap.com/docs/5.2/forms/overview/#overview
https://getbootstrap.com/docs/5.2/components/buttons/#examples

---

[Author]

Posts