How to adjust the border according to the input group

Last Reply one day ago By dharmendr

Posted 6 days ago

i am working on alpha.dubaiexporters.com.

i almost made the website responsive using bootstrap.. i wanted to adjust the border of the input group according to input group.

https://ibb.co/eMA1fe

When i am resizing it,it is not touching the input group. how to achieve it? The below is my code:

 

 <div class="container">
                         <form class="form-inline">
        <div class="form-group">


            <div class="row-fluid">
            <div class="col-sm-2"></div>
                <div class="col-sm-8">
                    <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br />
                          <div class="input-group" style="padding-top:0px;padding-left:0px;" >
                               <input id="txtkeyword" class="form-control" placeholder="Search By Keyword" style="display:inline; width:300px;height:60px;" type="text" runat="server" autocomplete="off"/>
                <input id="txtserach" runat="server" type="text" class="form-control" list="browsers" name="myBrowser" autocomplete="off" placeholder="Search By Category" style="display:inline; width:300px;height:60px;"/>
                              <datalist id="browsers">
  <option value="Automotive"/>
  <option value="Building and Interiors"/>
  <option value="Food, Kitchen and Hotel Supplies"/>
  <option value="Industrial and Machinery"/>
  <option value="Consumer and Household"/>
  <option value="Medical and Healthcare"/>
                     <option value="Printing , Packaging and Plastic"/>
                     <option value="IT / Telecom / Electronics"/>
                     <option value="Oil and Gas"/>
                     <option value="Power and Energy"/>
</datalist>
              
                           <button id="btnsearch" runat="server" type="submit" class="btn btn-danger" style="height:61px;" onserverclick="btnsearch_Click">
                        Search
                        </button>
   
                       
  </div>
                    </div>
                 <div class="col-sm-2"></div>

                </div>
                             
                  
                             


                         


                        </div></form></div>

Any hepl will be appreciated.

You are viewing reply posted by: pandeyism 4 days ago.
Posted 4 days ago

Again checked but still stuck, will get back on monday.