2017-07-19 53 views
1

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个项目。

+0

按cntrl +单击以多选。你只看到一个项目的原因是,因为你的列表框不够大。/*高度:2.25em; */ –

+1

多重选择是版本0.4.4的一部分,您正在使用0.4.3。 –

+0

@OriDrori变化时,在项目中,我得到:'请选择从该列表中的一个版本:(使用箭头键) ❯0.4.3 0.4.2 0.4.1 0.4.0 0.3.2'所以没有0.4.4是beta版吗? – Jenssen

回答

-2

可能是CDN文件的一些变化。

请打开此链接http://bulma.io/css/bulma-docs.css(Copy all css)。

而是CDN文件请创建从上面的链接称为bulma.css&复制粘贴代码一个自定义文件。并且只是包括您创建的自定义文件删除了cdn文件

所以它会看起来像这样的东西。

enter image description here

+0

如果你会提供原因在上面的代码中有什么问题,这将是一件好事。所以我们会提高代码的质量。 –

+0

这不是我的downvote,但我使用npm所以不是真正的解决方案。不过谢谢。 – Jenssen