css - ASP :TextBox convert into bootstrap <input>

标签 css asp.net textbox sensenet

我手头有一个造型问题。使用 ASP.net 功能平台 sensenet,表单不仅可以使用 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 看起来像引导输入框,但也能按照 ASP 语言的预期方式运行?

附件是前后效果的图片:

我现在拥有的:
current effect

我希望达到的目标: current effect

最佳答案

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

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

只需添加对样式表的普通引用,不要尝试在服务器端加载它。如果您的页面需要此功能,请检查以确保它在浏览器开发工具中正确加载 Bootstrap 。

关于css - ASP :TextBox convert into bootstrap &lt;input&gt;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32210207/

相关文章:

css - iPhone (Safari) 没有将 FontAwesome 图标居中

html - 2 种背景的 CSS 最佳方法?

asp.net - Windows Azure VM SSL 和 Cloudapp.net

asp.net - .NET 中 SignalR 有哪些替代方案?

javascript - 如何在cookie中存储计时器值

javascript - 我无法根据选择框选择添加不同的元素

jquery - 使用 jQuery 更改元素的背景图像不会占用

android - Fancybox:无法在 Android 手机上滚动

c# - c#文本框中的链接

c# - 如何在用户输入时替换文本框中的字符? (在 C# 中)