bootstrap

弹窗：

    <!-- Default panel contents -->
    <div class="panel-heading">Panel heading
        <!-- <a href="javasscript(0)" class="pull-right  ">&times</a> -->
        //  “ x ”
        <button class="close">&times;</button>
    </div>
        <div class="panel-body">
            <p>Text goes here...</p>
        </div>

        <!-- Table -->
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Heading 1</th>
                    <th>Heading 2</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Content 1</td>
                    <td>Content 2</td>
                </tr>
            </tbody>
        </table>
        <div class="panel-footer">
            FOOTER
        </div>

</div>

效果：

sass： 1、在visual中扩展scss文件 2、新建文件夹在建立scss文件 `body { background-color: #eee;

    text-decoration: none;
}

a:hover {
    color: rebeccapurple;
}

嵌套的css：