2016-12-16 19 views
0

我有一個搜索框,一個按鈕旁邊:停止引導調整大小的元素

enter image description here

但如果視口變小,按鈕彈出輸入框下方:

enter image description here

我該如何阻止Bootstrap以無用的方式讓自己調整尺寸?

+0

你能提供一個工作小提琴嗎? – Nitheesh

+0

@Nitheesh不知道如何 - 這是一個VueJS項目。如果我查看頁面源,我實際上看不到任何HTML,因爲它全部由VueJS生成。爲了複製這個問題,我想我需要沿着左邊的行中的所有其他元素。 – daninthemix

+0

任何URL引用? – Nitheesh

回答

0

這種情況正在發生,因爲引導已申請float屬性對他們和視口變小它設置float:none;

您可以避免通過這樣的元素使用display:inline;display:inline-block;

+0

父div上的'display:inline'和'display:inline-block'看起來沒有任何效果。 – daninthemix

+0

不適用於父div。將其應用於searchbox和textarea – ab29007