ASP.net的Bootstrap不使用全屏

Question

ASP.net的Bootstrap不使用全屏

T D*_*ang 1 html css asp.net twitter-bootstrap twitter-bootstrap-3

任何人都可以指出为什么我的导航栏(我有更多的东西,但同样的问题)在全屏幕时没有完全使用我的屏幕？不确定如果我需要使用类col但是从其他示例我不认为人们不得不将它用于导航栏.不确定它是否与asp表单有关.第一次使用bootstrap.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="admin.aspx.cs" Inherits="SCBA.admin" %>
    <!DOCTYPE html>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Admin</title>
        <link href="../Content/bootstrap.min.css" rel="stylesheet" />
        <link href="stylesheet3.css"  type="text/css" rel="stylesheet"/>

    </head>
    <body>
        <form id="form1" runat="server">
            <div class="container">
                <div class="navbar navbar-default">
                    <div class ="container-fluid">
                     <div class="navbar-header">
                            <asp:Button ID="btnadministration" runat="server" cssClass="button1" onclick="btnadministration_Click" Text="Administration" /> 
                             <br>
                            <asp:Button ID="btnresource" runat="server" cssClass="button1" onclick="btnresource_Click" Text="Resource" />  
                     </div>
                     <div class="navbar-right">
                            <asp:Button ID="btnlogout" runat="server" cssClass="button1" onclick="btnlogout_Click" Text="Logout" />  
                     </div>  
                     <div class="header1">Tracking System</div>
                     <div class="header2">Admin View-Super Admin</div>  
                      </div>                          
                 </div> 
             </div>      
      </form>
        <script src="../Scripts/jquery.min.js"></script>
        <script src="../Scripts/boostrap.min.js"></script>
    </body>
    </html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Chi*_*ler 8

在第一个div中使用class container-fluid而不是container

容器有一个固定的宽度,用于较大的屏幕,但容器流体没有固定的宽度,因此它占用了整个身体的宽度

归档时间：	8 年，8 月前
查看次数：	1188 次
最近记录：	8 年，8 月前