css - Web 表单和 Bootstrap 表单问题

标签 css asp.net forms webforms

我在 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>

enter image description here

当我将表单标记放在所有主要 div 周围时,我会从整个屏幕的边缘获得样式或插入,并将我的 Logo (png 或 jpg)推出导航。这是它的样子。

enter image description here

所以当我将表单标记放在正文和页眉之间时,一定是我没有其他地方可以放置它。表单标签的结尾位于主体结束标签和包装器结束标签之间。那是它唯一能去的地方。包裹在 bootstrap 上的表单将导航中的所有内容向下推。

我正在使用的框架是开箱即用的链接:

enter link description here

关于如何通过搞砸我的标题标签内容并将它们向下推来获取表单标签的任何想法。我尝试过使用开发人员工具,但我有太多样式需要整理。是不是简单到把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/

相关文章:

jquery - 如何使用 ajax 发送 XML?

c# - 仅更新 Entity Framework 中实际更新的字段

javascript - Angular 4 : How do I build a dynamic list of checkboxes to submit in a form?

javascript - 如何限制表单提交后的每次提交次数

html - 使用 CSS 在页面顶部固定一个 div

css - 如何在 Shiny 中设置动态流体行高度

html - 如何用缩放字体大小的圆圈包围数字?

.net - 分析实时 = 45 秒,但线程时间 = 0.387 秒 什么会导致这种差异?

ruby-on-rails - Rails has_many 通过表单,在连接模型中带有复选框和额外字段

html - 设置三行布局的正确高度尺寸