演示:
http://codepen.io/anon/pen/JdWrKX?editors=110
如您所见,“.panel”中有一个响应表,您可以水平滚动.大.
但它会使整个页面水平扩展而不适合窗口.
尝试在小屏幕上查看错误.
HTML:
a
| b |
CSS:
html,
body {
height: 100%;
}
#wrap {
height: 100%;
display: table;
width: 100%;
}
#wrap > nav,
footer {
display: table-row;
}
nav.navbar {
margin-bottom: 0;
}
.content-sm {
padding: 15px 0;
}
.content-primary {
background: #337ab7;
}
.content {
display: table-cell;
height: 100%;
}
td {
text-wrap: no-warp;
}
td div {
width: 900px;
}