Bootstrap Style& ASP.NET代码背后的Div标签

时间:2017-08-11 12:22:14

标签: c# css asp.net twitter-bootstrap-3

我正在开发一个ASP.NET应用程序,我必须在其中创建“TextBox”& “DropdownList”动态控制。 以下是我用来创建“TextBox”控件的方法。

private void CreateTextBox(string id, string labelName)
{
     Label lbl = new Label();
     lbl.Text = labelName;
     pnlDynamicControls.Controls.Add(lbl);

     TextBox txt = new TextBox();
     txt.ID = id;
     pnlDynamicControls.Controls.Add(txt);
}

我正在使用bootstrap主题来创建我的页面。以下是一个风格的“文本框”。

<div class="form-group">
<label class="col-sm-2 control-label">Document Base:</label>
<div class="col-sm-4">
    <asp:TextBox ID="txtName" runat="server" CssClass="form-control"></asp:TextBox >
</div>

我希望将此样式应用于动态创建“TextBox”控件&amp;围绕它的“div”标签。 我怎样才能做到这一点?

我正在使用ASP.NET与C#,Bootstrap 3,VS2017

更新 下面的图像显示了我将CssClass添加到控件时的外观 When Added the style

我希望它看起来如下 What i want

1 个答案:

答案 0 :(得分:2)

您需要使用CssClass属性。

private void CreateTextBox(string id, string labelName)
{
     Label lbl = new Label();
     lbl.cssClass = "col-sm-2 control-label";
     lbl.Text = labelName;
     pnlDynamicControls.Controls.Add(lbl);

     TextBox txt = new TextBox();
     txt.cssClass = "form-control";
     txt.ID = id;
     pnlDynamicControls.Controls.Add(txt); 
}