Tengo los siguientes elementos en mi sitio web la barra azul es un navbar en una marter page, y el textbox para buscar es contenido de otra pagina
al hacer mas pequeña la ventana del navegador el navbar tapa el textbox
.navbar-inverse {
background-color: midnightblue !important;
border-color: midnightblue !important;
}
.buscar1 {
margin-top: 1%;
padding: 0;
float: right;
}
HTML DEL DIV BUSCAR
<div class="col-mb-12 form-inline my-2 my-lg-0 buscar1">
<asp:TextBox runat="server" class="form-control mr-sm-2 " autocomplete="off" type="search" placeholder="Buscar" aria-label="Search" id="cod_p"></asp:TextBox>
<asp:LinkButton runat="server" CausesValidation="false" class="btn btn-primary my-2 my-sm-0 btn-rounded " id="BtnSearch" onclick="BtnSearch_Click" >
<span class="glyphicon glyphicon-search "></span></asp:LinkButton>
<asp:LinkButton runat="server" CausesValidation="false" class="btn btn-secondary my-2 my-sm-0 btn-rounded " type="submit" id="Reset" onclick="Reset_Click" >
<span class="glyphicon glyphicon-refresh "></span></asp:LinkButton>
</div>
navbar en MasterPage
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header menu">
<a href="" class="navbar-brand" runat="server">MySite</a>
</div>
<div class="dropdown opciones">
<button class="btn dropdown-toggle" type="button" role="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Opciones
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item submenu" href="#" data-toggle="modal" data-target="#CambiarC">Cambiar contraseña</a>
<a class="dropdown-item submenu" href="#" data-toggle="modal" data-target="#Logout">Cerrar sesion</a>
</div>
</div>
</div>
</div>