创建一个简单的html侧边栏

时间:2013-07-28 19:05:19

标签: html html5 twitter-bootstrap sidebar

我想要的只是一个简单网站的简单侧边栏。除了创建一个包含最少代码的简单侧栏外,Google搜索结果包含侧栏的所有内容。他们是如此令人困惑,我仍然不知道如何创建一个侧栏。我应该使用aside代码还是使用div?没有明确的解释。有人可能会帮我说出他们通常使用的方式。

我的默认CSS是twitter bootstrap

2 个答案:

答案 0 :(得分:3)

由于你已经在使用Bootstrap,你可以使用容器流体类,它应该为你生成两列 - 最左边的一个是侧栏。只需添加一些额外的CSS即可在该列上添加边框,并且您的侧边栏最多可包含4行CSS代码。

请参阅此处的“流体布局”:http://twitter.github.io/bootstrap/2.3.2/scaffolding.html#layouts

答案 1 :(得分:1)

您可以查看此链接以获取更多信息http://css-tricks.com/video-screencasts/115-dont-overthink-it-grids/

根据内容栏上的内容,如果侧边栏中的内容与内容相关,则可以使用,旁边是一个不错的选择。如果不是你可以添加一个新的div并设计它。另一个选择是使用,如果旁边不适合该法案。