[RESOLVIDO] Globo BootStrap

3 respostas
diogogama

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

diogogama

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...

javaflex

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/

diogogama

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