Tout HTML peut spécifier à la fois la classe et l'ID. Ce ne sont que des étiquettes et sont utilisées lors du style en CSS.
** La différence entre une classe et un identifiant est que la classe peut être utilisée plusieurs fois dans la page, mais l'identifiant ne peut être utilisé qu'une seule fois. ** **
La balise d'en-tête ci-dessous comporte trois classes CSS, navbar, navba-fixed-top et navbar-inverse, séparées par des espaces.
<header class = "navbar navbar-fixed-top navbar-inverse">
Voir le code ci-dessous La balise .nav a pour rôle de communiquer clairement l'intention que ** l'intérieur soit un lien de navigation **. Les classes nav, navbar-nav et navbar-right attachées à la balise .ul ont également une signification particulière dans Bootstrap.
<nav>
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Home", '#' %></li>
<li><%= link_to "Help", '#' %></li>
<li><%= link_to "Log in", '#' %></li>
</ul>
</nav>
Cet assistant peut utiliser des symboles pour définir les attributs alt et width. Dans l'exemple ci-dessous, le fichier image correspondant sera recherché dans app / assets / images / via le pipeline d'actifs.
<%= link_to image_tag("rails.svg", alt: "Rails logo", width: "200px"),
"https://rubyonrails.org/" %>
Vous pouvez transmettre le chemin complet à partir de l'application / des vues à la méthode de rendu
<%= render "layouts/header"%>
| Nom de la page | URL | Route nommée |
|---|---|---|
| Home | / | root_path |
| About | /about | about_path |
| Help | /help | help_path |
| Contact | /contact | contact_path |
| Sign up | /signup | signup_path |
| Log in | /login | login_path |
Recommended Posts