→ Arturo
→ bootstrap 5 search box with icon Example

bootstrap 5 search box with icon Example

Dark Theme Search Bar
Light Theme Search Bar
Simple Iconic Search Bar

This bootstrap css example is contributed by Arturo, on 23-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is find

Tags: Search Bar

Author Arturo

3.4k

v.5.3

Fork Fullscreen

<div class="container">
    
    <div class="search-wrapper">
        <div class="search-box">
            <i class="fas fa-search search-icon"></i>
            <input type="text" class="form-control search-input" placeholder="Search anything...">
            <button class="btn btn-primary search-button">
                    Search
                </button>
        </div>
    </div>

<div class="search-wrapper">
        <div class="search-box dark">
            <i class="fas fa-search search-icon"></i>
            <input type="text" class="form-control search-input" placeholder="Search in dark mode...">
            <button class="btn btn-primary search-button">
                    Search
                </button>
        </div>
    </div>

<div class="search-wrapper">
        <div class="search-box">
            <i class="fas fa-search search-icon"></i>
            <input type="text" class="form-control search-input" placeholder="Type to search...">
        </div>
    </div>
</div>

More Examples