如何摆脱列表项旁边的点？

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