如何在Bootstrap中添加附加到其他文本框的文本框？

Question

我正在使用Bootstrap。最近，我建立了响应式网站。

alpha.dubaiexporters.com 

我想使用输入组来添加附加到其他文本框的文本框。如何实现？

代码：

 <div class="searcharea col-sm-12">
                         <div class="col-sm-4"></div>
                         <div class="col-sm-4 col-xs-12">

                             <div class="input-group" style="padding-top:290px;">                                                                                             
                     <input id="txtserach" runat="server" type="text" class="form-control" list="browsers" name="myBrowser" autocomplete="off" placeholder="Search By Category" />
                       <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>

                    <div class="input-group-btn">
                        <button id="btnsearch" runat="server" type="submit" class="btn btn-warning" onserverclick="btnsearch_Click">
                        GO
                        </button>


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

                         <div class="col-sm-4"></div>
                    </div>

Css：

.searcharea{
background-image: url('https://d12dkjq56sjcos.cloudfront.net/pub/media/wysiwyg/Dubai-Skyline-Burj-Al-Arab-Big-Bus-Tours-01.17.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
/*min-height: 300px;*/
position:relative;
width: 100vw;
height: 100vh; 
max-width:100%;

}

我尝试添加<input-group-text>，但没有成功。