Web Forms和引导的形式发布 [英] Web Forms and Bootstrap Form Issue
问题描述
我使用一个ASP.NET Web窗体项目管理员LTE引导主题的精简版。在Web窗体项目只能使用每页1形式标记。
I am using a stripped down version of Admin LTE Bootstrap Theme on a ASP.NET Web Forms Project. In a web forms project you can only use 1 form tag per page.
form标签需要去各地的顶部（NAV）和底部（边栏左和放大器;主营，主要内容）。两个部分有需要渲染表单元素。下面是我在下面写了页面，并申报单（我叫他们中的一些，所以你可以看到相对于标签的基本布局。
The form tag needs to go around all Top (Nav) and Bottom (Side Bar Left & Main, the Main Content). Both sections have elements that require the form for rendering. Here is a basic layout of the page and divs (I named some of them so you can see the relation to the tags I wrote out below.
<Body>
<Form>
<header>
<Nav Bar>
<Nav Bar -Right>
</Nav Bar>
</header>
<Wrapper>
<Side Bar -Left>
<Main Content -Right>
</Wrapper>
</Form>
</Body>
当我把表单标签周围的所有主要的div我得到一种风格或推周围整个屏幕的边缘，这必将推动我的标志（PNG或JPG）出资产净值的下降。这里是什么样子。
When I put the form tag around all major divs I get a style or push from around the edge of the entire screen and it pushes my logo (png or jpg) out of the nav down. Here is what that looks like.
所以它必须是当我把身体和头之间的表单标签，我没有别的地方来放置它。表单标签的一端置于身体结束标签和包装结束标记之间。这就是它能够去的地方。当周围包裹引导的形式在导航推都记录下来。
So it must be when I place that form tag between the body and the header, I have no where else to place it. The end of the form tag is placed between the body end tag and the wrapper end tag. That is the only place it can go. The form when wrapped around bootstrap pushes everything down at the nav.
我使用的框架的工作是右出在这个环节的方块：
The frame work I am using is right out of the box at this link:
如何获得搞砸了我的头标记内容，并推下来表单标签的想法。我一直在使用的开发工具尝试，但我有这么多的风格，以通过排序。它是简单，只要在CSS杀戮表单标签的格式。我想，它不力的帮助。任何想法？
ANy idea of how to get the form tag from screwing up my header tag contents and pushing them down. I have tried using developer tools but I have so many styles to sort through. Is it as simple as killing the formatting on the form tag in css. I tried that and it dint help. Any ideas?
推荐答案
不知道这是否会工作，但你可以试试。一类添加到您的形式被称为测试形式那么这个CSS添加到页面
Not sure if this would work but you can try it. Add a class to your form called test-form then add this css to the page
.test-form {
position: fixed;
margin: 0;
padding: 0;
z-index: 0;
top: 0;
left: 0;
width: 0;
}
＆NBSP;
更新：所以这里是解决方案
UPDATE: so here is the solution
我发现，因为主题使用页眉和边栏下面的CSS错误造成：从任何AdminLTE header.less文件应该工作的拆卸>身体> .header因此
"I found that the error is caused because the theme uses the following css for the header and side bar: body > .header so by removing the > from any of the AdminLTE header.less file should work"
这篇关于Web Forms和引导的形式发布的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
