如何使asp：按钮与bootstrap和css的宽度相同

问题描述：

我正在使用bootstrap制作一个asp网站。我想知道如何使所有的asp按钮宽度相同，而不是用空格填充文本。我创建了一个替代的css文件并使用了css类标记。我错过了什么？如何使asp：按钮与bootstrap和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>

这里是我的CSS

.button1 
{ 
    width: 200px; 
}

编辑：如果我把它在风格方面我做了相同的文件它的工作原理。但是，当我尝试链接的CSS文件。我知道它自己工作的CSS文件，因为另一个页面正在使用该文件上的其他类，所以它确实链接正确。 –

我对我的长答案做了几处修改。因为你的方法有太多的错误，所以我不能在所有的良知中发布一个快速的黑客攻击。按照步骤（可能省略母版页位），你将会处在一个更好的地方。随意问的问题。 – IrishChieftain

如果您指定了您正在使用的是哪个版本的ASP.NET以及哪个版本的Bootstrap，它将有所帮助。 – IrishChieftain

答

根据其浏览器使用的是，学会用browser tools这样你就可以自行检查HTML和CSS元素。

这里有一些步骤，让你在正确的方向：

看那Bootstrap documentation的按钮类，然后覆盖相关的引导CSS类自定义样式表来改变其外观。另外，请勿在自适应网站中使用固定宽度，请使用百分比。看起来您并没有充分利用Bootstrap类别，因此此

.NameOfBootstrapButtonClass { width：25％; }
移动你的脚本链接到刚刚结束标记
前删除所有内联CSS和CSS链接 - 然后从解决方案资源管理器拖放你需要为你的ASP页面的头部分的CSS文件。这保证你的链接是正确的，但只适用于你使用VS
不要在开发中使用缩小的CSS文件 - 部署时你会将所有最小版本捆绑在一起以提高性能。就个人而言，我在本地工作时注释了BundleConfig类的RegisterBundles方法中的大部分捆绑
如果您正在构建一个站点，那么在没有明智地使用母版页和用户控件的情况下，您将拥有大量冗余
你的头部没有viewport标记，以便您的网站将不会在任何移动浏览器

<meta name="viewport" content="width=device-width, initial-scale=1.0">
如果要支持IE9和IE8，您需要引用Modernizr库响应。你需要考虑一下哪些浏览器，你需要支持
从HTML标签中取出的xmlns命名空间属性

如何使asp：按钮与bootstrap和css的宽度相同

相关推荐