如何使用bootsrap在左侧显示侧栏

时间:2016-06-17 12:14:29

标签: html twitter-bootstrap

我正在使用bootstrap。我有页眉和页脚,介于两者之间,我想在左侧显示侧栏。我是bootstrap和angular js的新手。请指导我如何构建这种类型的结构。

2 个答案:

答案 0 :(得分:0)

试试这个......

<div class="container">
    <div class="row">
        <div class="col-md-4">
            Sidebar
        </div>
        <div class="col-md-8">
            text
        </div>
    </div>
</div>

还要学习基本的Boostrap:http://getbootstrap.com/

答案 1 :(得分:0)

我真的不明白你的问题Priyanka kakade。 如果您想要内容左侧的导航栏,可以在页眉和页脚之间使用这种结构:

示例:

        [ForeignKey("Timerow")]
        public int TimerowId { get; set; }

我建议您同时使用<div class="container-fluid"> <div class="row"> <div class="col-xs-4 col-md-2"> <!-- navigation --> </div> <div class="col-xs-8 col-md-10"> <!-- content of the page --> </div> </div> </div> (移动显示)和xs(桌面显示)类,否则您的导航设备在移动设备上太少,或在计算机上太大。