2021-06-07

BOOTSTRAP第五次课程总结与问题分析

html相关：

1.<button type="button" class="btn btn-primary">定义按钮和其样式。

2.<span class="glyphicon glyphicon-arrow-down"></span>主要用于文本前加入图标。（图标样式在bootstrap官网上进行查询）加在p标签中。

3.<input type="text" class="form-control" id="name" placeholder="您的名字">网页上的文本框。（“你的名字“”为提示字）

4.<textarea type="text" class="form-control" id="name" placeholder="留言内容"></textarea>为文本区域（可无限输入文字）

5.<input type="submit" class="form-control" value="提交">定义一个合适大小的按钮。

6.navbar-fixed-top导航栏永久在上方。

css相关：

1.#course a:hover{
    color: white;
    }添加鼠标位于其上是变色。

2. transition: all 0.3s;控制变色时间。

3.input[type="submit"]:hover添加submit的变色。

4.border-radius:定义边框的圆角度。

jQuery相关：

1.<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="./wow.min.js"></script>
<script src="jquery.singlePageNav.min.js"></script>相关文件的引入。

3.相关的动画效果可在官网上进行查询。

运行实例：