我在 ASP.NET Web 窗体元素上使用精简版的 Admin LTE Bootstrap 主题。在 Web 表单元素中,每页只能使用 1 个表单标签。
表单标签需要围绕所有顶部(导航)和底部(左侧边栏和主要内容,主要内容)。这两个部分都有需要呈现形式的元素。这是页面和 div 的基本布局(我给其中一些命名,以便您可以看到与我在下面写的标签的关系。
<Body>
<Form>
<header>
<Nav Bar>
<Nav Bar -Right>
</Nav Bar>
</header>
<Wrapper>
<Side Bar -Left>
<Main Content -Right>
</Wrapper>
</Form>
</Body>
当我将表单标记放在所有主要 div 周围时,我会从整个屏幕的边缘获得样式或插入,并将我的 Logo (png 或 jpg)推出导航。这是它的样子。
所以当我将表单标记放在正文和页眉之间时,一定是我没有其他地方可以放置它。表单标签的结尾位于主体结束标签和包装器结束标签之间。那是它唯一能去的地方。包裹在 bootstrap 上的表单将导航中的所有内容向下推。
我正在使用的框架是开箱即用的链接:
关于如何通过搞砸我的标题标签内容并将它们向下推来获取表单标签的任何想法。我尝试过使用开发人员工具,但我有太多样式需要整理。是不是简单到把css中form标签上的格式去掉就可以了。我试过了,它没有帮助。有什么想法吗?
最佳答案
不确定这是否可行,但您可以尝试一下。向您的表单添加一个名为 test-form 的类,然后将此 css 添加到页面
.test-form {
position: fixed;
margin: 0;
padding: 0;
z-index: 0;
top: 0;
left: 0;
width: 0;
}
更新:这是解决方案
“我发现错误是因为主题使用以下 css 作为标题和侧边栏:body > .header 所以通过从任何 AdminLTE header.less 文件中删除 > 应该可以工作”
关于css - Web 表单和 Bootstrap 表单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24559525/