BS3输入组 - 插件比输入高

时间:2016-12-22 15:22:58

标签: css twitter-bootstrap

我的页面上有一个页脚,并有一个简报登录表单。 input-group-addon仅在实习页面上大于输入本身,索引页面正确显示,即使使用相同的CSS文件,也有相同的页脚结构。

enter image description here

同样,相同的结构,相同的CSS ...

这是我的整个foooter结构:

<!-- FOOTER -->
<footer>
    <div class="footer" id="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-xs-6">
                    <h3>Tecnologia</h3>
                     <ul>
                        <li> <a href="#">Servidores</a></li>
                        <li> <a href="#">Programação</a></li>
                        <li> <a href="#">Segurança</a></li>
                        <li> <a href="#">Backups</a></li>
                    </ul>
                </div>
                <div class="col-md-2 col-xs-6">
                    <h3>Suporte</h3>
                    <ul>
                        <li> <a href="#">Helpdesk</a> </li>
                        <li> <a href="#">Painel de controle</a> </li>
                        <li> <a href="#">F.A.Q</a> </li>
                        <li> <a href="#">Contatos</a> </li>
                    </ul>
                </div>
                <div class="col-md-2 col-xs-6">
                    <h3>Engine</h3>
                    <ul>
                        <li> <a href="#">Valores</a> </li>
                        <li> <a href="#">Missão</a> </li>
                        <li> <a href="#">Nosso time</a> </li>
                        <li> <a href="#">Política de uso</a> </li>
                    </ul>
                </div>
                <div class="col-md-2 col-xs-6">
                    <h3>Produtos</h3>
                    <ul>
                        <li> <a href="#">Sistemas</a> </li>
                        <li> <a href="#">Websites</a> </li>
                        <li> <a href="#">Mídias Sociais</a> </li>
                        <li> <a href="#">Hospedagem</a> </li>
                    </ul>
                </div>
                <div class="col-md-4 col-xs-12">
                    <h3>Newsletter</h3>
                    <ul>
                        <li>
                            <form action="" method="post" role="form">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                                    <input class="form-control" type="text" id="" name="" placeholder="digite seu e-mail">
                                </div>
                                <input type="submit" value="Cadastrar" class="btn btn-large btn-primary" style="margin-top: 10px;" />
                            </form>
                        </li>
                    </ul>
                    <div>
                        <a href="https://www.facebook.com/bootsnipp"><i id="social-fb" class="fa fa-facebook-square fa-2x social"></i></a>
                        <a href="https://twitter.com/bootsnipp"><i id="social-tw" class="fa fa-twitter-square fa-2x social"></i></a>
                        <a href="https://plus.google.com/+Bootsnipp-page"><i id="social-yt" class="fa fa-youtube-square fa-2x social"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p class="pull-left">Copyright © 2017 - ENGINE Sistemas. All rights reserved | <a href="http://www.enginesistemas.com.br" target="_blank">ENGINE Sistemas</a></p>
        </div>
    </div>
</footer>

页脚也是响应......

有任何帮助吗?谢谢!

0 个答案:

没有答案