[RESOLU] erreur @ avec bootsrap

01 mai 2018, 10:15

bonjour,

j'utilise Boostrap 4, quand j'effectue mes tests, cela me met une ereur :
la feuille de style n'a pas pu être chargé :https://maxcdn.bootstrapcdn.com/boostra ... eboot.scss.
dans mon code j'ai bien :

Code : Tout sélectionner

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>

et lorsque je vais récupérer sur : w3schools.com un bout de code, cela ne ressemble pas du tout a la page que je devrais avoir.

01 mai 2018, 14:40

L'erreur vient du fait que l'url indiquée renvoie un message d'erreur :
https://maxcdn.bootstrapcdn.com/boostra ... eboot.scss

Recherche par quel page/fichier elle est chargée car ce n'est pas normal

02 mai 2018, 14:14

Merci
en fait si j’intègre le code css dans les balises "head" cela fonctionne.
par contre si je met le code css dans un autre fichier ici "style.css" cela ne fct pas ?

02 mai 2018, 18:34

J'ai vue le problème.
dans ma page "index.php " j'ai donc :

Code : Tout sélectionner

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css">
  <!-- Latest compiled and minified CSS -->
  <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  <!-- jQuery library 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <!-- Popper JS 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  <!-- Latest compiled JavaScript 
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>-->
</head>

mon code css est enregistré dans : style.css.
le fait d'avoir mais autres liens bootstrap, cela cause mon Pb. si je shunt mes lignes "link" de bootstrap, cela fonctionne ?
qu'elle est la parade à cela ?

02 mai 2018, 18:49

Sans savoir ce qu'il y a dans ton fichier style.css, difficile à dire...
Mais quoiqu'il en soit, tu appelles un fichier inexistant "_reboot.scss" donc il faut que tu cherches à quel endroit celui-ci est appelé, et pourquoi...

[RESOLU] erreur @ avec bootsrap

Qui est en ligne