我有以下.aspx
页面:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="BootStrap.css" rel="stylesheet" type="text/css" />
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="navbar" class="col-xs-12"></div>
<h3> Loading... </h3>
</body>
</html>
在添加h3
标记后,我看到navbar
元素之上的差距:
删除H3
元素后,间隙消失:
我还注意到,如果我修改标签,使其显示为:
<asp:h3> Loading... </asp:h3>
差距也消失了,但是我在VS中得到了这个警告:
元素&#39; h3&#39;不是一个已知的元素。如果网站中存在编译错误,或者缺少web.config文件,则会发生这种情况。
有没有人知道在asp页面上使用非asp元素时会出现导致此差距的原因?另外,这是警告我应该担心的事情吗?
答案 0 :(得分:1)
标题(从h1
到h6
)默认为margin
,但由于您使用的是bootstrap,因此它有自己的样式应用于标题(在本例中为{{1} }到h1
)这是:
h3
因此您需要重置h1, .h1, h2, .h2, h3, .h3 {
margin-bottom: 10px;
margin-top: 20px;
}
在你的情况下:
margin