Looking to revamp the style of my ASP.NET Web Forms project with the latest version of Bootstrap. Having trouble aligning an ASP.NET Button control horizontally with other controls in the form, as seen in this snapshot: https://i.sstatic.net/IVRKo.png
Here's the code snippet for the form:
<div class="col-lg-12 mb-4">
<div class="form-row mt-4">
<div class="col-sm-5 pb-3">
<label>County</label>
<asp:DropDownList ID="ddlCounty" runat="server"
DataSourceID="odsCounty" AppendDataBoundItems="true"
DataTextField="Title" DataValueField="Id" CssClass="form-control">
<asp:ListItem Value="">-- Select --</asp:ListItem>
</asp:DropDownList>
<asp:ObjectDataSource ID="odsCounty" runat="server"
TypeName="CAS.Business.ContractorBL"
DataObjectTypeName="CAS.Data.Models.TCAS_Contractor"
SelectMethod="GetContractors"></asp:ObjectDataSource>
</div>
<div class="col-sm-4 pb-3">
<label>Request Number</label>
<asp:TextBox ID="txtRequestNum" runat="server" EnableViewState="true" ViewStateMode="Enabled"
CssClass="form-control"></asp:TextBox>
</div>
<div class="col-sm-3 pb-3">
<label></label>
<div class="form-group">
<asp:LinkButton ID="lbtnFilter" runat="server" OnClick="lbtnFilter_Click"
CssClass="btn btn-primary">
<i class="fa fa-filter fa-fw" aria-hidden="true"></i>Filter
</asp:LinkButton>
</div>
</div>
</div>
</div>
Need help resolving this alignment issue. Any suggestions?