Railsの4 - HTMLスタイリング

Question

私はRailsの中で、私は維持したい4.

テーマスタイリングを（使用するラップのブートストラップのテーマを適応しようとしている

を維持しながら、レール内のリンクを作成する方法があります。

<li class='col-xs-4 col-sm-2 nopadding menuitem' style='background:#006F7F'> 
     <a href='#dash' class='hvr-sweep-to-bottom'> 
      <br><br> 
      <span>Dashboard</span> 
     </a> 
    </li> 

私は私が書く、レールでこれを書いてみる：

<li class='col-xs-6 col-sm-3 nopadding menuitem' style='background:#39AFBF', class: 'hvr-sweep-to-bottom' > 
       <br><br> 
       <%= link_to "Dashboard", '#dash', class: 'span' %> 
    </li> 

問題はラップブートストラップのテーマは、私が「スパン」クラスに適用するスタイルを持っている、ある

。

私がレールで使用しようとしていた配合は、それにアクセスしていません。私はこれを保存し、家庭内のコードを検査しようとすると、リンクを適用する要素は次のとおりです。

navigation .menuitem a 

私はラップブートストラップのテーマからHTMLを使用して、クロム検査官は示しています

navigation .menuitem a span 

方法リンクテキストにスパンを入れることはできますか？

Answer 1

<li class='col-xs-6 col-sm-3 nopadding menuitem' style='background: #39AFBF', class: 'hvr-sweep-to-bottom' > 
    <br><br> 
    <%= link_to '#dash', class: 'span' do %> 
    <span>Dashboard</span> 
    <% end %> 
</li> 

http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to

でも、私はいくつかの提案をすることができますか？私はとにかくそれらをやるでしょう。

1. インラインCSSを使用しないでください。悪い習慣と悪いコードです。
2. 新しい行を作成するのに<br>を使用しないでください。代わりにCSSを使用し、a.span要素にmargin-top: 20pxなどを追加してください。
3. span要素でJavaScript操作を行っていない限り、Dashboardをspanにラップするポイントはありません。