I got a div that’s not working

Asked

Viewed 156 times

1

Has 2 Div with the parameter Container the problem is that the second is working and applying normally the CSS, but the first one doesn’t work. I’ve already moved the lock but it didn’t help. Someone knows what it is?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <title>Site Vilgger</title>
    </head>
    <body>
        <script src="js/jquery.js.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <header>
            <nav class="navbar navbar-inverse navbar-static-top" role="navigation">

                <div calss="container">

                    <div calss="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navegacao">
                             <span class="sr-only">Mostrar / Ocultar </span>
                             <span class="icon-bar"> </span>
                             <span class="icon-bar"> </span>
                             <span class="icon-bar"> </span>
                        </button>

                        <a href="#" class="navbar-brand">Site Vilgger</a>

                    </div>

                    <div class="collapse navbar-collapse" id="navegacao">

                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="#"> Inicio</a>
                            </li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
                                    Categorias
                                    <span class="caret"></span>
                                </a>

                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Produtos</a></li>
                                    <li><a href="#">Produtos</a></li>
                                    <li><a href="#">Produtos</a></li>
                                </ul>     
                            </li>

                            <li> <a href="#">Blog </a></li>
                            <li> <a href="#">Contato </a></li>
                        </ul>

                        <form action="" class="navbar-form navbar-right" role="search">
                            <div class="from-group">
                                <input type="text" class="form-control" placeholder="Buscar">
                                <button type="submit" class="btn btn-primary">
                                      <span class="glyphicon glyphicon-search"></span>    
                                </button>
                            </div>
                        </form>

                    </div>

                </div>
            </nav>

        </header>

        <section class="jumbotron">
            <div class="container">
                <h1> Blog WEB</h1>
                <p>Blog Web Design </p>

            </div>
        </section>

        <section class="main container"> </section>

        <section class=""></section>

        <footer></footer>

    </body>
</html>
twitter-bootstrap div

1 answer

2


Brother, you’re writing the word class wrong.

Take a look here: JSFIDDLE

I used your code, so you can copy and paste.

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.c">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <title>Site Vilgger</title>
    </head>
    <body>
        <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
        <header>
            <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navegacao">
                            <span class="sr-only">Mostrar / Ocultar </span>
                            <span class="icon-bar"> </span>
                            <span class="icon-bar"> </span>
                            <span class="icon-bar"> </span>
                        </button>
                        <a href="#" class="navbar-brand">Site Vilgger</a>
                    </div>
                    <div class="collapse navbar-collapse" id="navegacao">

                        <ul class="nav navbar-nav">
                            <li class="active"> <a href="#"> Inicio</a></li>
                            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
                                    Categorias <span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Produtos</a></li>
                                    <li><a href="#">Produtos</a></li>
                                    <li><a href="#">Produtos</a></li>
                                </ul>     
                            </li>
                            <li> <a href="#">Blog </a></li>
                            <li> <a href="#">Contato </a></li>
                        </ul>
                        <form action="" class="navbar-form navbar-right" role="search">
                            <div class="from-group">
                                <input type="text" class="form-control" placeholder="Buscar">
                                <button type="submit" class="btn btn-primary">
                                    <span class="glyphicon glyphicon-search"></span>    
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </nav>
        </header>
        <section class="jumbotron">
            <div class="container">
                <h1> Blog WEB</h1>
                <p>Blog Web Design </p>
            </div>
        </section>
        <section class="main container"> </section>
        <section class=""></section>
        <footer></footer>
    </body>
</html>

Browser other questions tagged twitter-bootstrap div

You are not signed in. Login or sign up in order to post.