Dev Faq
0
votes

Bootstrap CSS n'est pas chargé sur l'exemple de page

J'essaie de faire des expériences avec Bootstrap CSS mais cela ne se chargée pas de mon navigateur, j'ai même publié la page sur mon serveur, elle ne rend même pas les styles CSS. Maintenant, d'autres exemples de pages se chargent bien sur mon navigateur. Juste ceux que je télécharge localement me donnent une erreur.

Voici ce que j'ai essayé jusqu'à présent: p>

  1. Validé le HTML pour voir si je fais une sorte d'erreur de syntaxe, mais ce n'est pas le cas. Il est venu propre comme un sifflet. Li>
  2. téléchargé les bootstrap.css et le référencent localement dans le HTML au cas où il s'agissait de quelque chose avec mon serveur récupérer le fichier mais qui n'a pas fonctionné non plus. Li>
  3. Enfin, je pensais que cela aurait pu faire quelque chose à voir avec le texte de mon éditeur de texte ou peut-être l'incompatibilité des caractères de fin de ligne, donc je suis allé à CodePly.com et exécuté la fichue chose dans son éditeur en ligne et son bon Dieu, Il n'y a pas travaillé là-bas. Li> ol>

    clarifier plus loin, voici comment la page est censée ressembler à Entrez la description de l'image ici p>

    contre la façon dont on ressemble Entrez la description de l'image ici p>

    Je peux voir que les styles CSS sont partiellement appliqués car la page ne présente pas de polices et de styles HTML par défaut. J'ai même essayé de changer les autorisations du fichier Index.html à 777 au cas où cela causait des problèmes, mais tout en vain jusqu'à présent. P>

    Voici un lien vers mon HTML RAW dans CodePly.com P> 

    <!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css" />
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <div class='site-wrapper'>
        <div class='site-wrapper-inner'>
            <div class='cover-container'>
                <div class='masthead clearfix'>
                    <div class='inner'>
                        <h3 class='masthead-brand'> NileSoft </h3>
                        <nav>
                            <ul class='nav masthead-nav'>
                                <li>Our Clients</li>
                                <li>Our Services</li>
                                <li>Contact</li>
                            </ul>
                        </nav>
                    </div>
                    <div class="inner cover">
                        <h1 class="cover-heading">Cover your page.</h1>
                        <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text and add your own fullscreen background photo to make it your own.</p>
                        <p class="lead">
                            <a href="#" class="btn btn-lg btn-default">Learn more</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.main.js"></script>
</body>

</html>

3 commentaires

Où est js / bootstrap.main.js ?? déposer ? Pouvez-vous partager le code ??

Bootstrap CSS fonctionne bien.

Vous devez charger le fichier JavaScript Bootstrap après le fichier JQuery qui est en bas.

3 Réponses :

0
votes

Peut essayer d'écrire l'étiquette de script telle que ceci: