如何擺脫列表項目旁邊的點？

Question

我有這樣的問題，即在索引頁，以顯示我的所有文章中，我得到的最左側點：

如果有人知道如何擺脫這些點的所有幫助將不勝感激的。這是該頁面的源代碼。

<ul class="articles"> 
    <% @articles.each do |article| %> 
     <li class="excerpt"> 
     <%= sanitize(truncate(article.body, length: 250)) %> 
      <div class="read-more"> 
      <%= link_to "Read more", article_path(article), class: 'btn btn-primary' %> 
     </div> 
     </li> 
    <% end %> 
    </ul> 

Answer 1

那是因爲你使用的是<li>元素，它默認自帶討厭的要點。見this question - 添加到您的CSS：

ul.articles 
{ 
    list-style-type: none; 
} 

Answer 2

這是一個圓點，以列表的一部分。這是有道理的，因爲你把它呈現在一個無序列表中。

如果您想要消失，這是您的articles類中的CSS樣式更改。

.articles { 
    list-style-type: none; 
}