Html 使用引导的页面布局

是否可以使用Bootstrap3获得此页面布局

收割台是液体。 导航宽度为250px，高度为100%。内容占据了剩下的部分

说到内容，Bootstrap非常出色。但是当我按照我想要的方式划分页面时，我很难得到想要的结果

可以使用这里提到的Flexbox，但我需要IE10的支持

这可以完全在引导中完成，只需稍加调整吗？还是必须为布局使用单独的文件？

尝试下面的代码

引导示例
标题
航行
内容

尝试下面的代码

引导示例
标题
航行
内容

您可以使用引导，但需要自定义css文件

您可以使用引导，但需要自定义css文件

这可能是一个链接到引导设计的CSS文件。它将更容易更新，并且您将在全局布局设计和内容设计之间有一个清晰的分离

html，正文{
边际：0px；
宽度：100%；
高度：100vh；
}
正文.标题{
宽度：100%
高度：10vh；
背景色：#aaa；
}
车身.柔性线{
显示器：flex；
}
人体导航{
宽度：250px；
身高：100%；
背景色：#ccc；
}
正文.内容{
宽度：100%；
身高：100%；
背景色：#eee；
}
p{
文本对齐：居中；
字体系列：Arial；
}

标题

航行

内容

这可能是一个链接到引导设计的CSS文件。它将更容易更新，并且您将在全局布局设计和内容设计之间有一个清晰的分离

html，正文{
边际：0px；
宽度：100%；
高度：100vh；
}
正文.标题{
宽度：100%
高度：10vh；
背景色：#aaa；
}
车身.柔性线{
显示器：flex；
}
人体导航{
宽度：250px；
身高：100%；
背景色：#ccc；
}
正文.内容{
宽度：100%；
身高：100%；
背景色：#eee；
}
p{
文本对齐：居中；
字体系列：Arial；
}

标题

航行

内容

获得此结果的最快方法是为布局使用单独的CSS文件。这将更容易更新和清理。获得此结果的最快方法是为布局使用单独的CSS文件。它将更容易更新和清理。