那我想借這個機會把這個問題做延伸 讓大家想想
如果今天變成 Height 的問題
我們想要做成如下
三層
Navbar or Normal Title
=======================
content...
....
....
=======================
inputbox
可以想成像fb message 那樣
上下層都是固定位置和大小
中間內容會隨著input增加
但是layout不變 (有scrollbar去滑動)
小笨妹我想到的是用傳統 margin 去做
(我看了bootstrap官網都沒有著墨這部分QQ)
高手會怎麼做呢><

CSS寫死高度?

用蓋的

上下寫 fixed 那中間怎麼辦? 會被蓋到

常見就是寫死用 overflow 不然就是留白用蓋的. 看你需求

http://output.jsbin.com/kunaxi 就隨便個東西撐開阿http://jsbin.com/zimitu/1/ 或是改margin

其實那是排版,跟bootstrap沒關係了,bootstrap只是給不熟css的人用,解法就是上一個推文,用margin或是padding都可,然後這種有更進階,滾動滑鼠,nav會有動畫http://goo.gl/yYqjh7

m大 你的方法有點不夠力ㄟ>< 我希望的scroll 是在content 那裏 不是全部 http://jsfiddle.net/x59gfbr9/而且你的footer 會讓我的 textarea 整個跑掉(not 4/12)

如果你要scroll不要亂掉，margin就改加在body上阿稍微看了一下，那個input跑掉是因為你加了fixed又沒設定寬度阿，而且他一開始就是跑掉的你要注意一件事，只要用了position fixed，寬度就是視窗為基準而且position absolute跟fixed，預設都是以內容物為寬度如果你不用%或同時指定上下/左右設定高/寬度，他一定會縮成一團然後再加上bootstrap的30px margin，又崩的更慘還有，你為啥要把fixed的元素硬塞在別的元素裡阿...然後，說實在的，我不知道你為何要用bootstrap來做這種固定排版，他設計上就不是拿來做這種事的啊？http://output.jsbin.com/zimitu#

別人幫忙回答 還說不夠力建議自己看文件和書 都是很基礎的東西

getbootstrap.com/examples/sticky-footer-navbar

m大 謝謝你建設性的回答 >< 覺得你好厲害t 大你可能功力還不夠 不知道上面的大大的提點會比會比你在錯誤的系統裡 浪費太多少女時間好很多 我最後不管了 自己加了一些jQuery 整個排版同時手機和桌機都響應 而且一下就搞定 比在錯誤方向上學習找答案 還又快和美