Nana-Odai
9 months ago
869
1
General

Search box with rounded corners and buttons

Posted 9 months ago by Nana-Odai

I want to achieve the result in the image below but i am not getting the desired result. Below is my code

<div class="row no-gutters mt-3 align-items-center">
    <div class="col col-md-4">
        <input class="form-control border-secondary rounded-pill " type="search"  id="example-search-input2" style="width: 100%">
    </div>
    <div class="col-auto">
        <button class="btn btn-primary btn-outline-light text-white border-0 rounded-pill ml-n5" type="button" >
        search
        </button>
    </div>
</div>

https://i.stack.imgur.com/qYpe9.png

Please sign in or create an account to participate in this conversation.