navbar looks different in Chrome and Firefox

0

I develop a Responsive web app with Bootstrap and it is displayed differently in Chrome; I tested in IExplorer and Mozilla and it looks correctly, I checked for errors in Chrome with Alt + Shift + I and it does not show any

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <!---   -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="Default.aspx"><span>
                        <!---   -->
                        <img alt="Logo" src="Imagenes/Logo.png" height="30" /></span>&nbsp;<strong> LOGO </strong></a><!---   -->
                </div>
                <div class="navbar-collapse collapse">
                    <ul class=" nav navbar-nav navbar-right">
                        <li class="active"><a href="Default.aspx">Home</a></li>
                        <!---   -->
                        <li><a href="#">About</a></li>
                        <li><a href="#">Contact</a></li>
                        <li class="dropdown">
                            <!---   -->
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Productos<b class="caret"></b></a><!---   -->
                            <ul class="dropdown-menu">
                                <!---   -->
                                <li class="dropdown-header">Menú 1</li>
                                <!---   -->
                                <li role="separator" class="divider"></li>
                                <!---   -->
                                <li><a href="#">Shirts</a></li>
                                <!---   -->
                                <li><a href="#">Tenis</a></li>
                                <li><a href="#">Camisetas</a></li>
                                <li role="separator" class="divider"></li>
                                <li class="dropdown-header">Menú 2</li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Cosas</a></li>
                                <li><a href="#">x</a></li>
                                <li><a href="#">Camisetas</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Registro</a></li>
                        <!---   -->

                    </ul>
                </div>
            </div>
        </div>

Thanks for the help!

    
asked by Xavier 23.08.2017 в 18:53
source

1 answer

1

When you do certain tests in chrome and then you make modifications to your code, in chrome they stay stuck so you have to erase temporary (History) and even after doing this action remains the same but then no longer, this would be an answer something absurd but correct

    
answered by 23.08.2017 / 22:09
source