2016-08-03 46 views
0

我試圖適應使用的保鮮引導主題在Rails的4軌道4 - 如何寫在Rails中的鏈接,同時保留HTML造型

的主題樣式(這是我要保持有:

<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> 

的問題是,包裹引導主題有我想要的「跨度」類應用的造型

我試圖在rails中使用的表達式無法訪問它。當我保存這一點,並嘗試在家裏檢查代碼,應用鏈接的內容是:

navigation .menuitem a 

當我使用HTML從保鮮引導主題,Chrome檢查顯示:

navigation .menuitem a span 

如何我可以將鏈接文本添加到鏈接文本中嗎?

回答

0
<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並將margin-top: 20px或其他內容添加到a.span元素中。
  3. 除非您對span元素執行一些JavaScript操作,否則沒有必要將Dashboard包裝爲span
+0

非常感謝弗拉德。我花了幾周的時間試圖將自舉主題引入到rails中。我認爲這會節省我的時間,但情況恰恰相反。感謝您的建議和解決方案。出於某種原因,當我以這種方式編寫代碼塊時,鏈接不起作用 - 但是不好意思看它。 – Mel