Zurb基金會的頂欄內輸入增加，而寬度減少

我舉一個例子 [http://jsfiddle.net/YEBe8/] 當我調整結果窗口的大小（減小寬度） - 我看到我的未輸入框到頂部酒吧的冰箱，如何避免它？Zurb基金會的頂欄內輸入增加，而寬度減少

2014-02-06 user2572790

嘿user2572790，我在你的jsfiddle [http://jsfiddle.net/YEBe8/](http://jsfiddle.net/接過來一看YEBe8 /），它看起來像缺少一些HTML代碼來製作適當的頂部條。您還錯過了top-bar正確顯示所需的實際'foundation.min.css'和'foundation.min.js'。如果你可以用你的實際代碼設置jsfiddle，我會很樂意再看一次。以下是一個很好的參考資料，可幫助您開始http://foundation.zurb.com/docs/components/topbar.html。我希望有所幫助。 –

你的html無效。您必須關閉輸入寬度/>，並且不能將input作爲<ul>的直接子元素添加<li>。如果您的內容被裁剪很可能你沒加：

<div class="row"> 
    <div class="columns large-12"> 
     <input type="text" /> 
    </div> 
</div>

來源

2014-02-06 11:27:47

這一切都是正確的，但問題依然存在，而且在實例中可以很好地看到：將窗口輸入按鈕的大小調整爲按下黑色頂部條的上邊緣 – user2572790

Zurb基金會的頂欄內輸入增加，而寬度減少

回答

相關問題