Question

我买了一个网站模板。（html5，boostrap）。我需要一个动态的网站，所以我要将这些html页面更改为asp.net页面。所以我需要身体标签后的表格标签。我已经添加了这个，但是当我在body标签后添加一个表单标签时，页面设计会发生很大变化（看起来不太好）。我该如何解决这个问题？我想，我需要为这个新的表单标签添加一些样式属性。但我尝试了很多东西。他们没有工作。

以下是原始页面的链接:(没有表单标记）

http://www.gundem90.com/original/index.html 还有另一个索引页面。 index2.html

以下是我添加表单标签后的链接：

http://www.gundem90.com/withformtag/index.html 还有另一个索引页面。 index2.html

感谢。

Answer 1

似乎问题是由于缺少课程"navbar-form"，请尝试更新您的班级＆＃34;输入组＆＃34;使用下面的内容，或者只使用带有类input-group的表单标记包装navbar-form !!希望这能解决你的问题!!

<强> CSS

.input-group {
    float: right;
    padding: 30px 15px !important;
    width: 500px;
}

在样式表中包含以下样式

.input-group input.form-control{
    width:85%;
}
.input-group .input-group-btn{
    float:left;
}

适用于移动设备屏幕

只需从课程width:500px

中删除.input-group即可

当我添加表单标签页面设计更改很多

1 个答案: