[RESOLVIDO] Globo BootStrap

3 respostas
D

Galera to dando uma olhada no bootstrap da Globo (fizeram uma "expansão"do twitter) só que estou com o problema de ele não ficar responsivo.

O fonte que carrega na página carrega o js e o css certinho, porém se diminuo o tamanho da tela ele não agrupa os botões como o menu do site.

Será que alguém tem alguma idéia do que seja???

3 Respostas

D

o css ele está achando, mas o js não... segue o código html...

<!DOCTYPE html>
<html>
  <head>
    <script src="js/bootstrap.min.js"></script>
    <title>VirtualCardClub - Seu Cartão de Crédito Virtual!</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
    
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="./whatsnew.html">O que há de novo?</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="">
                <a href="./index.html">Página inicial</a>
              </li>
              <li class="">
                <a href="./getting-started.html">Ponto de partida</a>
              </li>
              <li class="">
                <a href="./scaffolding.html">Fundação</a>
              </li>
              <li class="">
                <a href="./base-css.html">CSS Base</a>
              </li>
              <li class="">
                <a href="./components.html">Componentes</a>
              </li>
              <li class="">
                <a href="./javascript.html">JavaScript</a>
              </li>
              <li class="">
                <a href="./customize.html">Customizando</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
 </body>
</html>

Não sei o que está errado... se clico no link do js que carrega no code da página ele abre certinho...

J

Não sei se tem haver com seu problema, mas pode estar sendo necessário o JS do jquery antes de todos os JS. Tem até uma linha que está comentada no seu código referenciando jquery de um site.

Outra coisa, essa versão do Bootstrap Globo é meio defasada, de quando era necessário o “bootstrap-responsive.css” separado, então deve faltar você referenciar esse “bootstrap-responsive.css” para a responsividade funcionar.

Você prefere mesmo usar esse código mantido pela Globo do que o oficial? Eu não confiaria. Te aconselho usar o original: http://getbootstrap.com/

D

vlw pela dica… vou fazer isso mesmo…

Pelo oficial eu consegui fazer funcionar…

Criado 30 de agosto de 2013
Ultima resposta 1 de set. de 2013
Respostas 3
Participantes 2