相关疑难解决方法(0)

布尔马中心元素垂直

我刚开始用Bulma设置我的博客原型.有一个footer部分有两个等分的列.

我希望这三个项目(Twitter,电子邮件等)在黄色区域中垂直居中.布尔玛有没有特别的课程?

在此输入图像描述

(请参阅codepen.io上的完整示例.)

<footer class="footer" style="background-color: lightpink;">
    <div class="columns">
      <div class="column has-text-centered-touch" style="background-color: cyan;">
        <p>Some copyright stuff...</p>
        <p>Templated with <a href="https://bulma.io" target="_blank">Bulma</a>. Published with <a href="https://gohugo.io/" target="_blank">Hugo</a>.</p>       
      </div>
      <div class="column has-text-right" style="background-color: yellow;">
        <div class="level">
          <div class="level-left"></div>
          <div class="level-right">
            <a class="level-item" href="#">Twitter Icon</a>
            <a class="level-item" href="#">Email Icon</a>
            <a class="level-item" href="#">LinkedIn Icon</a>
          </div>
        </div>
      </div>
    </div>
</footer>
Run Code Online (Sandbox Code Playgroud)

css bulma

5
推荐指数
1
解决办法
9009
查看次数

标签 统计

bulma ×1

css ×1