C# 如何使asp:按钮与引导和css宽度相同_C#_Css_Asp.net_Twitter Bootstrap

C# 如何使asp:按钮与引导和css宽度相同

c# css asp.net twitter-bootstrap

C# 如何使asp:按钮与引导和css宽度相同,c#,css,asp.net,twitter-bootstrap,C#,Css,Asp.net,Twitter Bootstrap,我正在做一个与引导asp网站。我想知道如何使所有asp按钮的宽度相同，而不是用空格填充文本。我创建了一个备用css文件并使用了css类标记。我错过什么了吗 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="admin.aspx.cs" Inherits="SCBA.admin" %> <!DOCTYPE html> <html xmlns="http://www.w3.or

我正在做一个与引导asp网站。我想知道如何使所有asp按钮的宽度相同，而不是用空格填充文本。我创建了一个备用css文件并使用了css类标记。我错过什么了吗

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="admin.aspx.cs"         Inherits="SCBA.admin" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Admin</title>
    <link href="../Content/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="stylesheet3.css"/>
    <style>
        .box {
            border:1px solid grey;
            background-color:#d3d3d3;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
             <script src="../Scripts/jquery.min.js"></script>
              <script src="../Scripts/boostrap.min.js"></script>
         <div class="navbar navbar-default">
            <div class="container">
                 <div class="navbar-header">
                        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Administration" />  <br />
                        <asp:Button ID="Button3" runat="server" cssClass="button1" onclick="Button3_Click" Text="Resource" />  
                 </div>
            </div>             
        </div>     
    </form>
</body>
</html>

根据您使用的浏览器，学习使用，以便您可以自己检查HTML和CSS元素

以下是一些让您走上正确方向的步骤：

查看按钮类的名称，然后覆盖自定义样式表中的相关引导CSS类以更改其外观。此外，不要在响应站点中使用固定宽度，请使用百分比。看起来您根本没有利用引导类来实现这一点

.bootstrapbuttonclass的名称 { 宽度：25%； }

将脚本链接移动到“结束正文”标记之前

删除所有内联CSS和CSS链接-然后从解决方案资源管理器中将所需的CSS文件拖动到ASP页面的标题部分。这保证了您的链接是正确的，但仅适用于使用VS的情况

不要在开发中使用缩小的CSS文件-在部署时，为了提高性能，您会将所有的min版本捆绑在一起。就我个人而言，我在本地工作时注释了BundleConfig类的RegisterBundles方法中的许多绑定

如果你正在建立一个网站，你将有大量的冗余，而不明智地使用母版页和用户控件

您的头部没有标签，因此您的站点在任何移动浏览器中都不会响应

如果您支持IE9和IE8，则需要参考该库。您需要考虑一下需要支持哪些浏览器

从html标记中删除xmlns名称空间属性

编辑：如果我将其放置在我创建的样式区域中的同一个文件中，它就会工作。但当我尝试链接css文件时就不是了。我知道CSS文件可以自己工作，因为另一个页面正在使用该文件上的其他类，所以它确实链接正确。凭良心说，我不能发布一个快速的攻击，因为你的方法有太多的错误。遵循这些步骤（可能省略母版页部分），您将处于一个更好的位置。请随意提问。如果您指定您正在使用的ASP.NET版本以及引导的版本，这会有所帮助。@IrishChieftain Hi感谢您的提示。正如您所知，这是我第一次这样做。asp.net版本是v4.6.1，VS 2015，Boostrap是最新的3.3.7。我将查看引导类/min版本的更改，并查看母版页。很高兴提供帮助。我询问引导版本的原因是因为版本2是桌面优先，版本3是移动优先（更好）。如果您有任何问题，请随时提问：）

.button1
{
    width: 200px;
}