[RUBY] [Rails] La lumière de texte de Bootstrap ne peut pas être héritée par la méthode link_to car la classe n'est pas écrite comme argument dans la méthode.
introduction
J'ai introduit Bootstrap dans l'environnement Rails, et quand j'ai pensé à le nettoyer, j'ai soudainement trébuché et l'ai partagé.
un événement
Il n'est jamais hérité par l'élément de la méthode link_to
Le blanc est appliqué au texte lorsqu'il est écrit en HTML
index.html
<body>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="">tweetApp</a></li>
</ul>
</nav>
Pour une raison quelconque, il n'est pas hérité lorsqu'il est remplacé par link_to
Puisque la classe navbar-dark est définie, la couleur du texte doit être blanche, mais elle est bleue.
index.erb
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="">
<%= link_to('tweetApp',"/") %>
</a>
</li>
</ul>
</nav>
En regardant le HTML généré par CSS avec Devtool, ...
Le lien généré sort du tag a ...
index.erb
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href=""></a>
<a href="/">tweetApp</a>
</li>
</ul>
</nav>
Il semble que la méthode link_to ait une option pour spécifier la classe
Format link_to (texte du lien, chemin [, option, attribut HTML ou attribut d'événement])
option de classe classe:" nom de classe "
Référence Rails Document-About View
Essayez de décrire selon le format
index.erb
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<%= link_to("TweetApp","/",class: 'text-light')%>
</nav>
En conséquence, j'ai pu le faire.
Recommended Posts