bootstrap(弹窗)

305 阅读1分钟

弹窗: `

Document
<div class="panel panel-default">
    <!-- 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>
` 效果:

image.png

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

a {
    text-decoration: none;
}

a:hover {
    color: rebeccapurple;
}

}`

image.png (嵌套书写) 3、该文件会在css文件中扩展一个css

image.png