当前位置: 动力学知识库 > 问答 > 编程问答 >

html - when i add the form tag page design changes a lot

问题描述:

i bought a web site template. (html5, boostrap). I need a dynamic web site so i am gonna change these html pages to the asp.net pages. so i need a form tag after body tag. i have already added this but page design changes a lot (looks not good) when i add a form tag after body tag. how can i fix this problem? i think, i need to add some style properties to this new form tag. but i tried lots of things. they didnt work.

Here is the link of original page: (without a form tag)

http://www.gundem90.com/original/index.html

also there is a another index page. index2.html

and here is the link after i add a form tag:

http://www.gundem90.com/withformtag/index.html

also there is a another index page. index2.html

thanks.

网友答案:

seems the issue is because of the missing class "navbar-form", try to update your class "input-group" with the below, or else just wrap the input-group with a form tag with the class navbar-form!! hope this will fix your issue!!

CSS

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

include the below styles to your stylesheet

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

for mobile screen

just remove the width:500px from the class .input-group

分享给朋友:
您可能感兴趣的文章:
随机阅读: