将 Bootstrap 样式应用于 Asp.net 控件答案

【问题标题】：Applying Bootstrap style to Asp.net Controls将 Bootstrap 样式应用于 Asp.net 控件
【发布时间】：2013-03-21 12:20:51
【问题描述】：

我正在使用 asp.net 4.5、c# 和 Bootstrap 构建一个简单的 Web 项目

我的前端只是一个主页面/默认页面，其中包含一些静态内容（导航栏、侧边栏、页脚等），而页面标题和内容是从 mdb 数据库中检索的。我尝试制作了几个页面，一切似乎都运行良好，但我刚刚意识到应用在 ASP.NET Web 控件上的样式未呈现。请注意，由于编辑器尚未完成，我仍然将内容手动放入数据库中。

例子：

<i>prova tag &lt;i&gt;</i> This works (default styling)
<asp:button CssClass="btn btn-large">Test Button</asp:button> (This does not work      (simple, unstyled text is shown)
<asp:label>Prova Roba strana</asp:label> (This works (because it uses the default styling)
<input type=password/> (This works)
<code>&lt;section&gt;</code> (This works)

提前致谢！

【问题讨论】：

您首先缺少runat="server"。您看到的渲染 HTML 是什么？

标签： asp.net twitter-bootstrap

【解决方案1】：

这里有两个使用引导主题制作按钮的示例。

<button type="button" class="btn btn-large">Test</button>
<asp:Button runat="server" Text="Test Button" CssClass="btn btn-large" />

我猜你将两者混合在一起，混合无效，这就是它不起作用的原因。

【讨论】：

【解决方案2】：

改用

<asp:button class="btn btn-large">Test Button</asp:button>

【讨论】：

请添加一些解释为什么此代码有助于 OP。这将有助于为未来的观众提供一个可以学习的答案。请参阅How to Answer 了解更多信息。