Bootstrap1-初识Bootstrap

初识Bootstrap

学习Bootstrap动因

尝试自己写毕设前端页面，被自己丑哭。恰巧在《FlaskWeb开发》中偶遇了Bootstrap。

Bootstrap简介

Bootstrap是Twitter开发的一个开源框架，它提供的用户界面组件可用于创建整洁且具有吸引力的页面，而且这些页面还能兼容所有现代Web浏览器。——《FlaskWeb开发》

看到一个例子，真切感受到了Bootstrap的魅力

<div class="col-center-block">
        <!--展示朋友列表-->
        {%if author.friends%}
        <table class="table table-bordered table-striped table-hover table-condensed">
            <thead class="alert-danger">
                <th>姓名</th>
                <th>年龄</th>
            </thead>
            {%for f in author.friends%}
            <tr class="alert-success">
                <td>{{f.name}}</td>
                <td>{{f.age}}</td>
            </tr>
            {%endfor%}
        </table>
        {%endif%}
    </div>