gpt4 book ai didi

html - Bootstrap with ASP.net 不使用全屏

转载 作者:行者123 更新时间:2023-11-28 04:16:59 24 4
gpt4 key购买 nike

谁能指出为什么我的导航栏(我有更多的东西但同样的问题)在全屏时没有完全使用我的屏幕?不确定我是否需要使用 col 类,但从其他示例中我看不到人们必须将其用于他们的导航栏。不确定它是否与 asp 表单有关。第一次使用 Bootstrap 。

Screenshot

<%@ 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>

最佳答案

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

container 具有固定宽度,用于较大的屏幕,但 container-fluid 没有固定宽度,因此它占据了主体的整个宽度

关于html - Bootstrap with ASP.net 不使用全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42765076/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com