[RUBY] [Rails] Das Textlicht von Bootstrap kann nicht von der link_to-Methode geerbt werden, da die Klasse nicht als Argument in der Methode geschrieben ist.
Einführung
Ich habe Bootstrap in die Rails-Umgebung eingeführt und dachte, ich würde es bereinigen, aber plötzlich bin ich gestolpert, also werde ich es teilen.
Veranstaltung
Es wird niemals vom Element der link_to-Methode geerbt
Weiß wird auf den Text angewendet, wenn er in HTML geschrieben ist
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>
Aus irgendeinem Grund wird es nicht vererbt, wenn es durch link_to ersetzt wird
Da die Klasse navbar-dark festgelegt ist, sollte die Textfarbe weiß sein, aber blau.
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>
Betrachten Sie das mit Devtool generierte HTML mit CSS, ...
Der generierte Link springt aus dem a-Tag heraus ...
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>
Es scheint, dass die link_to-Methode eine Option zum Angeben der Klasse hat
Format link_to (Linktext, Pfad [, Option, HTML-Attribut oder Ereignisattribut])
Klassenoption class:" Klassenname "
Referenz Rails Document-About View
Versuchen Sie, entsprechend dem Format zu beschreiben
index.erb
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<%= link_to("TweetApp","/",class: 'text-light')%>
</nav>
Infolgedessen konnte ich es tun.
Recommended Posts