发表于: 2017-03-20 22:29:38
1 646
今天完成的事情:
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键按顺序进行跳动
评论