发表于: 2017-03-20 22:29:38

1 648


今天完成的事情:

1、昨天断网了出去玩了一天,今天终于把所有的bootstrap的基础代码敲完了,也对bootstrap有一个大概的认识了。

明天计划的事情:

1、开始task7。

2、改写task6.

遇到的问题:

1、需要注意的是在使用bootstrap的过程中css和js的连接一定要使用在线连接(如果不下载到本地库的话)。

css:

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

js

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

还有jq 也不能忘了引用,因为bootstrap的组件的js代码有部分是基于jq的,所以也要引用jq的在线库。

 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>


收获:

1、表单元素<fieldset>

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

一般会与<legend>元素联合使用,legend元素定义fieldset元素的标题。

<form>

  <fieldset>

    <legend>个人信息</legend>

    身高:<input type="text" />

    体重:<input type="text" />

  </fieldset>

</form>



2、

bootstrap框架的下面的图标没有阿里巴巴iconfont库下的样式全面。

3、bootstrap中的按钮组可以用在task6上的按钮。利用类名.btn-group制造按钮组,自己不用在写那么多样式了。但是按钮组的按钮只有两边边框带有圆角,这与task6要求不符,需要进一步改变按钮的样式。

4、tabindex属性:带有指定 tab 键顺序的链接,如果我们在<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。等标签中使用tabindex属性时,利用tab键按顺序进行跳动


返回列表 返回列表
评论

    分享到