渡课课堂总结（8.9）

最新推荐文章于 2022-04-22 09:56:42 发布

HACKER6666

最新推荐文章于 2022-04-22 09:56:42 发布

阅读量128

点赞数 1

分类专栏：学习总结

本文链接：https://blog.csdn.net/weixin_42623761/article/details/81545534

版权

学习总结专栏收录该内容

23 篇文章 0 订阅

订阅专栏

今日学习内容

Bootstrap的运用

代码练习

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
    <style type="text/css">
        body {
            margin: 20px;
        }
    </style>
</head>
<body>
    <h1>Hello,Bootstrap<small>Secondary text</small></h1>
    <h2>Hello,Bootstrap<small>Secondary text</small></h2>
    <p>
        Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
    </p>
    <p>
        Cum sociis natoque <mark>penatibus</mark> et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
    </p>
    <p>
        <strong>Maecenas</strong> sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
    </p>
    <p class="text-right">
        Cum sociis natoque
    </p>
    <blockquote>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    </blockquote>

    <ul class="list-inline">
      <li>1</li>
      <li>1</li>
      <li>1</li>
    </ul>

    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr class="success">
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>zhangsan</td>
                <td class="danger">14</td>
            </tr>
            <tr>
                <td class="warning">zhangsan</td>
                <td>14</td>
            </tr>
            <tr>
                <td>zhangsan</td>
                <td class="info">14</td>
            </tr>
            <tr>
                <td>zhangsan</td>
                <td>14</td>
            </tr>
            <tr>
                <td>zhangsan</td>
                <td>14</td>
            </tr>
        </tbody>
    </table>

    <form class="form-inline">
        <div class="form-group">
            <label><span class="label label-primary">姓名</span></label>
            <input type="text" name="" class="form-control" placeholder="请填写姓名">
        </div>
        <div class="form-group">
            <label>邮箱</label>
            <div class="input-group">
                <input type="text" name="" class="form-control">
                <div class="input-group-addon">@</div>
                <input type="text" name="" class="form-control">
            </div>
        </div>
    </form>
</body>
</html>

学习感悟

今天听老师讲了一下Bootstrap全局CSS样式还是蛮感兴趣的，这个还是要静下心来好好研究研究，但是一提到JS内心就非常的抵触和排斥，顿时就没兴趣了。

HACKER6666

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
渡课课堂总结（8.9）

今日学习内容Bootstrap的运用代码练习&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content=&q
复制链接

扫一扫