小编Hyn*_*nes的帖子

在Bootstrap CSS项目中,为标题标签(H1,H2,H3,H4,H5,H6)提供了样式,但也有一系列基于标题的类名(.h1,.h2,.h3) ,.h4,.h5,.h6).如果没有正确使用H1标签,使用H1的类名会带来什么好处？我认为您总是希望确保您的HTML反映您的视觉重要性.

任何解释使用.h1而不是使用h1标签的充分理由的想法都将受到赞赏.

我想为页面导航创建一个小的侧面导航。该站点包含多个图像，一个在另一个之上，导航位于每一个图像内，并链接到个人 ID。

我正在将 jekyll 与液体模板引擎一起使用。为了不对每个元素进行硬编码，我创建了一个 for 循环，它获取单独的 .yml 文件的数据。

它应该是这样的：

图片

我的问题是它不适用于第一个元素。在第一个导航元素内，应该选择第一个圆圈。但它不是：

图片

这是代码：

{% for element in site.data.elements %}
{% capture number %}{{ forloop.length }}{% endcapture %}
<section id="spezial-{{forloop.index}}" {% assign imgIndex = {{forloop.index0}} %} class="spezial-img" style="background-image:url('{{ element.bild }}');">
    <div class="container spezial-container">
        <div class="sub-navi">
            <ul>
                {% for y in (1..number) %}
                    {% if imgIndex == naviIndex %}
                        <li><a href="#spezial-{{forloop.index}}" {% assign naviIndex = {{forloop.index}} %} {{ naviIndex }} class="active" ><i class="fa fa-dot-circle-o"></i></a></li>
                    {% else %}
                        <li><a href="#spezial-{{forloop.index}}" {% assign …