Bootstrap liens dans fichier php

**gwendoline-bricout** · 27/11/2013, 09h03

Bonjour a toutes et a tous =)
alors voila j'ai une page index.php que je souhaiterais habillé avec bootstrap je ne connaissai pas ce concept avant je l'ai decouvert il y a quelque jour mais j'avoue avoir du mal a cerné le sujet ..
J'ai essayé de suivre lesinstructions qui sont sur le site mais je comprend pas comment integre les liens :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<link href="C:\Users\gbricout\Downloads\bootstrap-3.0.2-dist (1).zip\dist\css" rel="stylesheet">
<script src="https://code.jquery.com/jquery.js"></script>
<script src="C:\Users\gbricout\Downloads\bootstrap-3.0.2-dist (1).zip\dist\js"></script>

J'ai essayé quelque chose comme ca :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<html>
  <head>
    <title>LCEsa</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <link href="C:\Users\gbricout\Downloads\bootstrap-3.0.2-dist (1).zip\dist\css" rel="stylesheet">
  </head>
  <body>
 
    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="C:\Users\gbricout\Downloads\bootstrap-3.0.2-dist (1).zip\dist\js"></script>

Mais ca ne fonctionne pas ..

Quelqu'un pourrait m'aiguiller s'il vous plait ?
Merci de votre aide et de votre patiente a mon egart

**Bovino** · 27/11/2013, 09h18

Qu'est-ce que c'est que ces liens en C: ?

**gwendoline-bricout** · 27/11/2013, 09h19

Dans le site il est écrit :

Copy the HTML below to begin working with a minimal Bootstrap document.

Du coup j'ai copié les chemins ou étaient mis 3 fichiers min de bootstrap que j'avais télécharger non ?

----------------

Je viens d'essayer en mettant les liens du site bah rien à faire ça prend rien

**Bhaalrock** · 27/11/2013, 11h33

Salut,

Il faut que tu place les fichiers de bootstrap dans l'arborescence de ton index.php.
Dans ton dossier où il y a ton index.php créér un dossier "css" et un dossier "js" et tu y place les fichiers de bootstrap

Puis dans ta page index.php tu met les link comme ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ça ira chercher tes pages.css et .js de bootstrap

Si tu ne vois pas à quoi ressemble une arborescence regarde sur internet.

A++

**gwendoline-bricout** · 27/11/2013, 14h00

coucou =)
Oki ca marche j'essaie ca mais pour les autre pages du coup ca fonctionnera aussi même si elles ne s'appellent pas index.php ?

**Bhaalrock** · 27/11/2013, 14h47

Tu copie-colle tes <link> et tes <script> dans le <head> de tes autres pages, pareil que dans index.php (il faut naturellement que tes autres pages soient placées dans le même dossier à côté de ton index.php)

Je vais essayer de te décripter :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

Dans ce link par exemple que tu places sur une de tes pages, le href va chercher un fichier. Dans cette exemple, il va chercher dans le dossier "css" le fichier "bootstrap.min.css". C'est pour ça qu'il est important de bien placer ses fichiers.

Donc dans ton dossier qui contient "index.php" (et tes autres pages.php ou .html) il y aussi dedans un dossier "css" qui contient le fichier "bootstrap.min.css". Il faut toujours suivre une route dans l'arborescence de ton site.
C'est comme ça que je fais, après tu peu nommer tes fichier et tes dossiers comme tu veux, mais il faut bien mettre la même chose dans ton code html.

**gwendoline-bricout** · 27/11/2013, 16h22

Ok merci beaucoup =) J'essaie !

j'ai déplacé les dossiers css et js dans mon dossier LCEsa où sont présents toutes mes pages php mais rien a faire hin il veux pas je crois ...

**Bhaalrock** · 27/11/2013, 16h50

Tu as bien mis tes <link> et tes <script> comme il faut dans tes pages?

Si ils indiquent la bonne route dans ton arborescence ça marche.

Après tu es prête pour lire les tutos sur le site de bootstrap.
http://getbootstrap.com/

Il y a des tutos pour faire plein de chose différentes, ballade toi sur le site.

Bootstrap liens dans fichier php

Framework CSS Bootstrap

Discussions similaires

Partager

Partager