Installation de jquery

Version imprimable

Bonjour,

Problème de noob mais je suis passé par la FAQ et ça n'a pas résolu mon problème. J'ai écrit ce mini bout de code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="shortcut icon" href="icons/lol.ico"/>
		<link rel="stylesheet" href="boostrap/css/bootstrap.css">
		<link rel="stylesheet" href="boostrap/css/boostrap-responsive.css">
		<title>Accueil</title>
	</head>
	<body>
		<p>
		<!-- voici mon commentaire -->
		</p>
		<p>
			<iframe width="560" height="315" src="//www.youtube.com/embed/Kl3KZVTKCfo" frameborder="0" allowfullscreen></iframe>
		</p>
		<a href="index.html">Retour index</a>
		<img src="images/chien.jpg" alt="Chien" width="100px" height="150px">
		<aside>
			<nav>
				<ul>
					<li><a href="accueil.html">Voir un petit chien</a></li>
					<li><a href="accueil.html">Voir un petit chien</a></li>
				</ul>
			</nav>
		</aside>
		<section>
			<article>
				<div class="row">
					<div class="row">
					  <div class="col-md-6">.col-md-6</div>
					  <div class="col-md-6">.col-md-6</div>
					</div>
					<div class="row">
					  <div class="col-md-6">.col-md-6</div>
					  <div class="col-md-6">.col-md-6</div>
					</div>
				</div>	
			</article>
		</section>
		<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
		<script type="text/javascript" src="boostrap/js/boostrap.js"></script>
	</body>
</html>

Mais le code relatif à "div" ne produit pas de tableau juste des lignes les unes en dessous des autres. J'utilise easyPHP, je suis sûr du chemin "boostrap/js/boostrap.js" et j'ai copié la ligne d'avant depuis la FAQ. Je crois savoir que c'est écrit dans le bon ordre.

Quelqu'un aurait-il une idée s'il vous plait ? J'ai aussi dl le fichier jquery-1.11.2.js et l'ai mis dans mon dossier localweb et ça ne change rien

Merci beaucoup de votre aide

21/01/2015, 08h50
SpaceFrog

As tu un message d'erreur en console? Vois tu si les différents fichiers appelés sont chargés (onglet réseau)...
21/01/2015, 09h55
ImmoTPA

Salut et merci du coup de main ! "onglets réseaux" -> Tu as dû supposer que j'utilisais un IDE quelconque ? tu peux bien sûr m'en proposer un si tu veux. Pas de console pour l'instant j'ai que notepadd++ ! Y-a-t-il un autre moyen ?
21/01/2015, 10h14
SpaceFrog

Non un navigateur quelconque .. IE FFX CHrome ...
accessible en général avec la touche F12 ...
21/01/2015, 11h06
ImmoTPA

http://127.0.0.1/boostrap/css/bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1/boostrap/css/boostrap-responsive.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1/boostrap/css/bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1/boostrap/css/boostrap-responsive.css Failed to load resource: the server responded with a status of 404 (Not Found)

Bizarre mais il n'a pas réussi à load ces ressources.

J'ai revérifier pourtant, là où j'ai mon fichier index.html j'ai aussi un dossier boostrap qui contient trois dossiers dont un dossier css qui contient boostrap.css
21/01/2015, 11h16
Bovino

Oui mais ton fichier index.html est bien à la racine de ton serveur ?
21/01/2015, 11h19
ImmoTPA

Oui il est à la racine.

peut être :

Code:

1
2
3
4
<link rel="stylesheet" href="./boostrap/css/bootstrap.css">
<link rel="stylesheet" href="./boostrap/css/boostrap-responsive.css">
...
<script type="text/javascript" src="./boostrap/js/boostrap.js"></script>

et le nom devrait à priori être "bootstrap" à chaque fois.

21/01/2015, 11h23
ImmoTPA

Il y a une évolution. Maintenant j'ai ça comme erreurs

127.0.0.1/:7 GET http://127.0.0.1/boostrap/css/boostrap-responsive.css
127.0.0.1/:6 GET http://127.0.0.1/boostrap/css/bootstrap.css
127.0.0.1/:27 GET http://127.0.0.1/boostrap/js/boostrap.js

Je te remercie du coup de main par ailleurs
21/01/2015, 11h30
ImmoTPA

J'ai pu m'en sortir, désolé de t'avoir fait perdre mon temps, jsuis juste trop mauvais pour écrire bootstrap correctement -_-. En tout cas merci à toi quand même.

Avant de clore le sujet complètement, en tant que développeur web me conseillerais-tu un ide en particulier pour mes projets de site internet ?
Merci

PS : quand je dis que ça a marché c'est que je n'ai plus d'erreurs, parce que je n'ai pas du tout le rendu visuel attendu, je m'attendais d'après le tutoriel que j'ai vu à ce que div me donne une espèce de tableau assez esthétique et en fait ça ne marche pas tellement...Tout est encore en colonne comme si je n'avais pas utilisé bootstrap néanmoins après l'avoir mis en commentaires je m'aperçois que la police et les marges changent un petit peu donc cela doit probablement provenir du code en lui même qui n'est pas censé produire ce que j'attends