ASP:TextBox转换为bootstrap <input />

时间:2015-08-25 17:18:09

标签: css asp.net textbox sensenet

我的手上有一个造型问题。使用sensenet作为ASP.net功能的平台,表单不仅使用sensenet语言,还使用ASP.net语言。

我在使ASP:TextBox功能看起来像引导程序输入框时遇到问题。我已经调用了bootstrap css文件,尝试更改ASP:TextBox代码的类,但除了使用

的html标签之外什么都没有用
<input class="text input-sm">

这是我到目前为止的代码:

<asp:TextBox CssClass="text input-sm" ID="InnerControl" placeholder="Middle Name" runat="server"></asp:TextBox>

..而css正在这里加入:

<sn:CssRequest CSSPath="$skin/styles/Projectname/bootstrap.min.css" ID="pageTemplateUIStyleReq1" runat="server" />

有没有让ASP:TextBox看起来像bootstrap输入框,但是它的功能是通过ASP语言实现的?

附有之前和之后寻找效果的图像:

我现在拥有的:
current effect

我想要达到的目标: current effect

1 个答案:

答案 0 :(得分:2)

将类添加到文本框的方式是正确的。问题出在这里:

<sn:CssRequest CSSPath="$skin/styles/Projectname/bootstrap.min.css" ID="pageTemplateUIStyleReq1" runat="server" />

只需添加对样式表的常规引用,不要尝试加载服务器端。如果您的页面需要此选项,请检查以确保它在您的浏览器开发工具中正确加载引导程序。