BootStrap实战四之网站内容添加（下）

网站内容（右）代码：

<aside class="col-md-4 sidebar">
                    <div class="widget">
                        <h4 class="title">社区</h4>
                        <div class="content community">
                            <p>QQ群：123456789</p>
                            <p>
                                <a href="#">问答社区</a>
                            </p>
                            <p>
                                <a href="#">官网微博</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                            <h4 class="title">下载 Ghost</h4>
                            <div class="content download">
                                <a href="#" class="btn btn-default btn-block">Ghost 中文版（0.5.9）</a>
                            </div>
                    </div>
                    <div class="widget">
                            <h4 class="title">标签云</h4>
                            <div class="content tag-cloud">
                                <a href="">Ghost</a>
                                <a href="">新版本发布</a>
                                <a href="">JavaScript</a>
                                <a href="">主题</a>
                                <a href="">上传</a>
                                <a href="">静态</a>
                                <a href="">Ghost</a>
                                <a href="">Ghost</a>
                                <a href="">Ghost</a>
                            </div>
                        </div>
                </aside>

对应的 CSS 文件内容：

/*网站内容（下）*/
.sidebar .widget{
    background: #ffffff;
    padding: 21px 30px;
}

.widget{
    margin-bottom: 35px;
}

.widget .title{
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;
}

.widget .tag-cloud a{
    border: 1px solid #ebebeb;
    padding: 2px 7px;
    color: #959595;
    line-height: 1.5em;
    display: inline-block;
    margin: 0 7px 7px 0;
}