在CSS和HTML中爲聊天室創建佈局

我正在使用Rails構建聊天客戶端和服務器。我選擇使用Bootstrap作爲前端。但是，我的HTML和CSS技能非常有限，而且我在創建聊天佈局時遇到了困難，我正在尋找類似於Skype的東西。在CSS和HTML中爲聊天室創建佈局

這是我試圖實現的模擬。

我試圖把一切留在瀏覽器窗口的100％。所以聊天消息的列表有一個溢出滾動。我可以得到總體佈局，但我無法想出將它全部保留在視口內。任何人都可以幫忙嗎？

乾杯

2013-10-29 user28891

你應該看看http://learnlayout.com – SaturnsEye

在你將要申報您的導航欄（固定頂部和導航條崩潰）聲明必需的聊天參與者名單和聊天顯示的兩列前引導。您的頁面的主體將類似於col-lg-3和col-lg-9。假設你有bootstrap 3.0，它會響應。我不開發Rails應用程序，但是在Grails中（類似於Java的MVC框架），您還必須刪除Grails自動包含的默認樣式，以確保Bootstrap是CSS的樣式。

一個示例是其頁面上包含的jumbotron模板Bootstrap。離開大臂，改變身體的列寬，你應該得到一個非常相似的結果，你正在努力。

如果你真的想要的頁面延伸到頁面邊緣，不包括div class='container'上線77

來源

2013-10-29 17:29:21 Nathan

在CSS和HTML中爲聊天室創建佈局

回答

相關問題