2017-07-19 32 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