Bootstrap ne fonctionne pas

Tout ce que je suis en train de faire est d'obtenir un peu de texte pour commencer dans le milieu de l'écran.

Voici le code ci-dessous. Note que j'ai compris le minifiés bootstrap css et js fichiers dans mon répertoire de projet avec mon fichier html sans les sous-répertoires. J'ai eu ces fichiers à partir du fichier de Bootstrap 3.0.1 télécharger. J'ai aussi essayé d'utiliser les liens à la CAN à la place. Ne fonctionne toujours pas. Quand j'ai ouvert ce code dans Firefox, je ne vois pas de positionnement actif à tous. D'autres Bootstrap styles ne fonctionne pas non plus, comme j'ai essayé de faire <p class = "large"> blah </p> et elle n'a pas le texte de gros.

REMARQUE: Pour le rendre plus facile pour les gens de tester la page, j'ai remplacé le lien des fichiers d'amorçage avec un lien vers le fichier de bootstrap CDN de fichier. 

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file://-->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="row">
      <div class="span3 offset9">
        <p class="large">This Text</p>
      </div>
    </div>

    <h1>Hello, world!</h1>
  </body>
</html>
  • Êtes-vous certain que le chemin vers le fichier CSS de Bootstrap est correcte?
  • est .grande classe de bootstrap à tous? Essayez d'utiliser <p class="lead"> comme indiqué dans la documentation.
InformationsquelleAutor macsplean | 2013-11-06
  1. 2

    dans votre jsfiddle, le bootstrap choses n'est pas correctement utilisé, il suffit de se

    <body>
    <div class="row">
    <div class="span9 offset3"><p>Seven thousand thousands of a thousand unique people</p></div>
</body>

    et certaines externe des ressources, http://jsfiddle.net/N5n4Z/1/, est un Bootstrap 2 squelette, avec votre exemple, et il du travail. Eh bien, à moins que la fenêtre de prévisualisation est-à-petit. Si la Fenêtre est petite, bootstrap, en raison de sa des requêtes sur les médias, d'organiser automatiquement toutes les lignes en dessous, et d'ignorer tous les compenser.

    Sur une note de côté, pourquoi pas à l'aide de la nouvelle Bootstrap 3? http://getbootstrap.com/

    Mise à jour

    Puisque vous utiliser Bootstrap 3 maintenant, vous devez modifier le balisage un peu.

    <div class="row">
    <div class="col-md-6 col-md-offset-3">
    <p>test loc</p>
</div>

    violon

    bootstrap docu

    • cela n'a pas fonctionné. de vérifier la nouvelle mise à jour question
    • C'est vraiment bizarre. Maintenant, si je vais à l'amorçage de la page, les docs sont différents. Je suis en train de trébucher ou de quelque chose de bizarre s'est passé et je pense que c'est le dernier.
    InformationsquelleAutor ZimTis
  2. 0

    Vous avez oublié d'importer la partie javascript de bootstrap.

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
    InformationsquelleAutor jack