如何使用 Bootstrap 将此 asp.net Button 与表单中的其他控件对齐?

约翰内特

我正在尝试使用最新版本的 Bootstrap 更新我的 ASP.NET Web 窗体解决方案的样式。我目前正在努力将 ASP.NET Button 控件与水平形式的其他控件对齐,如下面的快照所示:在此处输入图片说明

这是表单的标记:

    <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>

我该如何解决这个问题?

库尔特·埃姆奇

您可以尝试几种方法,也许可以结合使用。1. 尝试添加到空标签 2. 尝试删除按钮的 .form-group div 容器。3. 将您自己的 css 类应用为该按钮的包装 div 以正确分隔它。像这样的东西

.spacer {
  margin-top: 10px; // trial and error here
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将Bootstrap Glyphicon放在ASP.Net中的asp:Button中?

如何使用其他表单控件(Angular 8)和asp.net core api上传图像

如何在Bootstrap 4中将此表格居中?

如何使用asp.net中div标签中的任何其他控件实现嵌套GridView功能

使用Bootstrap Validator验证ASP.NET Dropdownlist控件

我如何将此PHP代码转换为C#asp.net-mvc?

如何在ASP.Net MVC中调用Bootstrap模式?

如何在Bootstrap类中包装ASP.net验证控件?

在ASP.NET中结合Bootstrap使用onChange事件

如何使用Bootstrap时间轴在ASP.NET C#中显示数据

如何使用ASP .NET MVC4从其他表单获取复选框值?

如何在ASP.NET Core中使用Bootstrap 4

是否可以使用jquery ui控件代替asp .net Web表单中的Web控件?

如何使复选框与表单中的其他输入控件垂直对齐?

如何使用ASP.NET Razor语法应用bootstrap v4 alpha的表单输入验证类?

ASP.Net-Gridview中的Bootstrap Popover

如何将其他数据绑定到asp.net列表框控件?

如何使用jQuery在asp.net中输入真正的正则表达式验证器来启用或禁用Button控件

如何在Linux(cntose)服务器上将我的asp.net mvc网站托管到该网站或将此网站代码转换为asp.net核心

asp.net gridview控件与其他控件的绑定

如何使用ASP.NET从后面的代码中添加其他CSS类?

如何正确使用asp.net复选框组件中的bootstrap 3复选框属性?

ASP.NET Core 和 Bootstrap:如何在表单组中放置下拉菜单?

如何在 ASP.NET 中使用 FOREACH 中的表单

我的 Telerik asp.net ajax 控件上的 Bootstrap 主题

如何将此按钮与屏幕左侧对齐

如何将Textbox id传递给Button上的JavaScript单击asp.net中的OnClientClick

如何在asp.net的Repsonse.Write中编写Bootstrap Autocloseable alert msg?

使用Gulp更新了ASP.NET CORE 2中的Bootstrap + SASS吗?