css - 使用 ASP .NET 控件进行 Bootstrap

Question

有没有办法一次将 Bootstrap 类应用到我所有的 asp .net 控件。 以下是我使用 Bootstrap 格式化的菜单控件。

我不想对我的应用程序中的所有菜单单独执行此操作。有没有一种方法可以将 Bootstrap 主题普遍应用于我的应用程序中的所有菜单。对于按钮、文本框和其他控件，我也面临同样的问题。很难单独格式化每个控件。

<div class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                aria-expanded="false">
                <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
                    class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="Mycompanylink">My Company</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="List"
                IncludeStyleBlock="false" StaticMenuStyle-CssClass="nav navbar-nav" 
                DynamicMenuStyle-CssClass="dropdown-menu" OnMenuItemClick="Menu1_MenuItemClick">
                <Items>
                    <asp:MenuItem Text="Home" Value="0"></asp:MenuItem>
                    <asp:MenuItem Text="Careers" Value="1"></asp:MenuItem>
                    <asp:MenuItem Text="About Us" Value="2"></asp:MenuItem>
                </Items>
            </asp:Menu>
        </div>
    </div>
</div>

Answer 1

作为@NnN pointed out ，您可以将 Bootstrap 应用于元素中的许多 ASP.NET 控件。该答案没有指出的是，还有许多控件在创建自己的表格时完全不适合响应式设计。例如，GridView 创建自己的表，不适合 RWD ，因此您可以改用 ListView。

检查 MSDN 文档以了解您不确定的任何特定控件。更好的是，只需在测试页上放置一个控件并查看在浏览器中创建的 HTML 源代码。如果您看到任何动态创建的表，请远离它。一般来说，在 RWD 中我们从不使用固定大小；一切都基于网格上下文中的百分比。

更新

通常，您会创建一个 custom.css 样式表。您永远不需要接触原始的 Bootstrap CSS 文件。您只需覆盖现有的 Bootstrap 规则或在您的 custom.css 文件中创建新的样式规则。根据您关于不必为每个控件手动更改 CSS 的问题:您可以按照描述使用 SASS 变量 here (注意，这是 Bootstrap 的第 4 版)。这样你只需要改变一次。