为什么这个简单的bulma例子不起作用? (直接来自他们的网站)

时间:2017-01-03 10:07:54

标签: css frameworks

我从网站复制了一个基本示例并包含了css文件,但是这些列没有被设置样式。我错过了什么?

https://jsfiddle.net/bLm2rgoz/6/

这是模板:

<div class="columns">
  <div class="column">1</div>
  <div class="column">2</div>
  <div class="column">3</div>
  <div class="column">4</div>
  <div class="column">5</div>
</div>

当然,我包括https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.3/css/bulma.css

1 个答案:

答案 0 :(得分:0)

这只会解决5列的响应问题!您可以通过wideningshrinking的提琴手视图来证明响应能力。 (提示:拖动视图面板的左侧即可)

期望与观察:宽视图时1 2 3 4 5的行,

的列

1

2

3

4

5

当视野不宽时。

如果您要为列设置样式,请更具体地说明所需的样式:)