Livre pour apprendre Bootstrap

**laurentSc** · 02/02/2017, 22h25

Bonsoir,

je me forme au framework bootstrap et j'essaie de faire tourner un code qui utilise des icônes glyphicon. Sauf que ces icônes n'apparaissent pas. Pourtant, en lisant https://www.developpez.net/forums/d1...es-chargement/, j'ai cru comprendre qu'il fallait inclure la librairie css fontawesome, mais rien y fait

Code html :

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

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 lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
    <title>Typographie</title>
 
	<link href="http://www.cabyan.com/bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
 
	<script src="http://www.cabyan.com/bootstrap/js/jquery.js"></script>
    <script src="http://www.cabyan.com/bootstrap/js/bootstrap.min.js"></script>
 
    <style>
        body {padding-top:50px;}
        .container {}
        
        </style>
  </head>
 
  <body>
 
    <div class="container">
 
	<h1><span class="glyphicon glyphicon-hand-right"></span> Les icônes </h1>
 
	<p><span class="glyphicon glyphicon-home"></span> Accueil </p>
 
	<span class="label label-primary"><span class="glyphicon glyphicon-comment"></span> 10 Commentaires</span>
 
	<button class="btn btn-warning"><span class="glyphicon glyphicon-shopping-cart"></span> Ajouter au panier</button>
 
	<p class="text-warning lead"><span class="glyphicon glyphicon-warning-sign"></span> Classe warning</p>
 
 
    </div>
 
 
 
 
  </body>
</html>

Invité · 03/02/2017, 09h29

Bonjour Laurent,

au lieu de coller des bouts de scripts pris à droite à gauche, MERCI de suivre les recommandations du site OFFICIEL :

http://getbootstrap.com/getting-started/#download

N.B. Et pour info, les glyphicones sont spécifiques à Bootstrap, et n'ont rien à voir avec Font Awesome.

**laurentSc** · 03/02/2017, 18h04

Bonjour,

l'inconvénient que je trouve à ce site officiel est d'être en anglais et de plus, je suis de la vieille école et préfère donc le papier à l'écran. Du coup, je lis ce bouquin : http://www.editions-eni.fr/livre/boo...-9782746088610

Invité · 03/02/2017, 18h25

Ce n'est pourtant pas compliqué de copier-coller :

Code :

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

1
2
3
4
5
6
7
8
9
 
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.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" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

**laurentSc** · 03/02/2017, 21h31

Merci, mais ce qui est compliqué, c'est de trouver ce qu'il faut copier-coller...Visiblement, le bouquin que j'utilise, c'est de la daube. En existe-t-il un fiable, car j'exclue de lire des sites internet (même en français !) ?

**laurentSc** · 04/02/2017, 11h43

Bonjour,
j'ai trouvé un autre livre sur Bootstrap : https://www.amazon.fr/dp/2746088673/..._prd_ttl_sol_0 mais comme il date de avril 2014, je me pose des questions sur son intérêt. Qu'en pensez-vous ?

Livre pour apprendre Bootstrap

Framework CSS Bootstrap

Vue hybride

Discussions similaires

Partager

Partager