Bulma multiselect大小不起作用?

时间:2017-07-19 12:40:08

标签: html css bulma

bulma's最新更新中,它们支持多选。

但这对我不起作用?显然我做错了但我不知道是什么。当我在他们的网站上复制示例时:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.3/css/bulma.css" rel="stylesheet"/>
<div class="select is-multiple">
  <select multiple size="8">
    <option value="Argentina">Argentina</option>
    <option value="Bolivia">Bolivia</option>
    <option value="Brazil">Brazil</option>
    <option value="Chile">Chile</option>
    <option value="Colombia">Colombia</option>
    <option value="Ecuador">Ecuador</option>
    <option value="Guyana">Guyana</option>
    <option value="Paraguay">Paraguay</option>
    <option value="Peru">Peru</option>
    <option value="Suriname">Suriname</option>
    <option value="Uruguay">Uruguay</option>
    <option value="Venezuela">Venezuela</option>
  </select>
</div>

我只看到第一项。我在这里错过了什么?我想一次看到8件物品。

1 个答案:

答案 0 :(得分:-2)

可能会对CDN文件进行一些更改。

请打开此链接http://bulma.io/css/bulma-docs.css(复制所有CSS)。

创建一个名为bulma.css 的自定义文件,然后复制&amp;从上面的链接粘贴代码。并且包含您创建的自定义文件删除了cdn文件

所以看起来会像这样。

enter image description here