【发布时间】：2016-09-25 08:43:05
【问题描述】：
我在我的办公室中使用带有引导程序的 asp.net 应用程序，在我的办公室桌面上我的网站页面非常适合桌面显示器屏幕，而在我的笔记本电脑屏幕上，屏幕变得非常粗体。
#header {
margin-top:0px;
height:120px;
width:auto;
background-image:url('http://localhost:5172/Images/sd.jpg');
/*border:dashed;*/
border-top-color:green;
}
#header ul{
list-style:none;
height:32px;
float:right;
width: 611px;
margin-top:83px;
display:block;
}
#header ul li{
background-color:red;
border:1px solid white;
width:120px;
height:35px;
line-height:35px;
text-align:center;
float:left;
position:relative;
}
#header ul li a{
text-decoration:none;
color:white;
display:block;
}
#header ul li a:hover
{
background-color:gold;
}
#header ul ul{
display:none
}
#header ul li:hover > ul
{
display:block;
margin-top: 0px;
}
#body {
height:750px;
width:auto;
}
#tableBody {
width: 100%;
height: 750px;
background-color: #CC6600;
}<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="CSS/StyleSheet.css" rel="stylesheet" />
<link href="Content/bootstrap.css" rel="stylesheet" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.auto-style1 {
width: 4500px;
}
.auto-style2 {
color: maroon;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width:1100px;margin:0 auto">
<tr style="width:1100px;height:50px">
<td style="width:60px">
<img src="Images/MyLogo.png" style="width: 100px" />
</td>
<td class="auto-style1">
<marquee>
<asp:Label ID="Label5m" runat="server" Font-Bold="True" Font-Names="Arial Black" ForeColor="#109AC1" Text="Hello Guys I am Ghayaz My website will be updated soon...........stay with us"></asp:Label></marquee>
</td>
<td style="width:900px;text-align:right">
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/youtube.png" Width="30px" />  <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/Images/FB.png" Width="37px" />  <asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/Images/LINKEDIN.png" Width="36px" />
</td>
</tr>
<tr style="width:1100px;height:40px;background-color:#5f98f3">
<td colspan="3">
<div id="header">
<ul>
<li><a href="#" class="auto-style2"><strong>HOME</strong></a></li>
<li><a href="#" class="auto-style2"><strong>About</strong></a></li>
<li><a href="#" class="auto-style2"><strong>Tutorials</strong></a>
<ul>
<li><a href="#" class="auto-style2"><strong>SALES AND DISTRIBUTION</strong></a></li>
<li><a href="CSHARP.aspx" class="auto-style2"><strong>C-SHARP</strong></a></li>
<li><a href="#" class="auto-style2"><strong>SQL</strong></a></li>
<li><a href="#" class="auto-style2"><strong>WCF</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ASP.NET</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ADO.NET</strong></a></li>
<li><a href="#" class="auto-style2"><strong>LINQ</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ENTITY FRAMEWORK</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ASP.NET MVC</strong></a></li>
<li><a href="#" class="auto-style2"><strong>WPF</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ABAP</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ETL</strong></a></li>
<li><a href="#" class="auto-style2"><strong>SSIS</strong></a></li>
<li><a href="#" class="auto-style2"><strong>SSAS</strong></a></li>
<li><a href="#" class="auto-style2"><strong>SSRS</strong></a></li>
</ul>
</li>
<li><a href="#" class="auto-style2"><strong>IntervieQuestions</strong></a></li>
<li><a href="#" class="auto-style2"><strong>ContactUs</strong></a></li>
</ul>
<span class="auto-style2"><strong>SAP TUTORIALS AND MICROSOFT TUTORIALS</strong></span></div>
</td>
</tr>
<tr style="width:1100px;height:300px">
<td colspan="3">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="2000" OnTick="Timer1_Tick"></asp:Timer>
<asp:Image ID="Image1" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr style="width:1100px">
<td colspan="3">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr style="width:1100px;height:20px">
<td colspan="3">
</td>
</tr>
</table>
</div>
</form>
<script src="Scripts/jquery-3.1.0.js"></script>
<script src="Scripts/bootstrap.js"></script>
</body>
</html>【问题讨论】：
-
您是否尝试过使用任何旧版本的 JQuery？这个问题可能是因为 bootstrap 不支持 JQuery 3.1。尝试使用像 JQuery 2.4 这样的旧版本...
-
Prashanth 实际上是我第一次使用引导程序，我对它很陌生。
-
Prashanth div 标签中的这个是什么？为什么我们要使用它？这是来自 jquery 或 bootstrap 框架还是用户定义？codeproject.com/Articles/815916/…jumbotron 是一个引导类。为了获得更好的参考，只需在此处查看此站点 www.w3schools.com/bootstrap/ 这是一个非常简单的教程所以对于每个控件，我们都需要这个引导类，就像在我的网页中一样，有许多标签，如 form、div、labelcontrol、buttoncontrol、imagecontrol、table、tr、td，所以对于每个标签，我都必须使用 bootstrap上课？
标签： jquery css asp.net twitter-bootstrap twitter-bootstrap-2