我正在使用Rails构建聊天客户端和服务器。 我选择使用Bootstrap作为前端。 但是，我的HTML和CSS技能非常有限，并且在创建聊天布局时遇到问题，我的目标是类似于Skype的东西。
这是对我试图实现的目标的模拟。
聊天布局
我正在尝试让所有内容都保持在浏览器视口的 100%。 因此，聊天消息列表具有溢出滚动。 我可以得到总体布局，但我无法弄清楚将其全部保留在视口中。 谁能帮忙解决这个问题？
干杯
在引导程序中，您需要先声明导航栏（固定顶部和导航栏折叠），然后再声明聊天参与者列表和聊天显示所需的两列。页面的正文将类似于 col-lg-3 和 col-lg-9。假设你有引导程序 3.0，它将是响应式的。我不开发rails应用程序，但在Grails（类似的Java的MVC框架）中，您还必须删除Grails自动包含的默认样式，以确保Bootstrap是页面样式的css。
一个例子是Bootstrap在其页面上包含的巨型模板。省略巨型屏幕并更改正文的列宽，您应该得到与您正在努力实现的结果非常相似的结果。
如果确实希望页面扩展到页面边缘，请不要在第 77 行包含div class='container'。