个人学习总结-BootStrap入门教程

个人学习总结-BootStrap入门教程

ID:37321408

大小:232.53 KB

页数:7页

时间:2019-05-21

个人学习总结-BootStrap入门教程_第1页
个人学习总结-BootStrap入门教程_第2页
个人学习总结-BootStrap入门教程_第3页
个人学习总结-BootStrap入门教程_第4页
个人学习总结-BootStrap入门教程_第5页
资源描述:

《个人学习总结-BootStrap入门教程》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、注明:该文档由本人整理于2013年12月8日Bootstrap中文参考网站:http://www.bootcss.com/BootStrap最新版源码下载:http://v3.bootcss.com/官网下载的Bootrsap源码包含下列文件:构建bootstrap基础网页(可以作为网页的基础模板,以后直接复制过去,然后就可以使用bootstrap定义好的相关标签等等)如图1-1所示:图1-1说明:1)

2、nitial-scale=1.0">使用来修复网页在移动设备上显示的问题2)这是对ie9之前等版本不支持HTML5的浏览器进行特殊的处理4)在head中的bootstrap-responsive.css是非必须文件,可以不引入,这个文件的主要作用是做一个响应式的网页。5)在网页中bootstrap.css

3、是bootstrap中的样式文件,bootstrap.js是脚本文件,两个文件相互对应,引入的顺序和位置一般是:CSS文件在head标签中引入,js文件在body标签里引入。其中jquery文件要在bootstrap脚本文件之前引入。6)Bootstrap是基于HTML5网页的,所以首先要建立一个HTML5类型的网页做完以上的操作就建好了一个基本的bootstrap网页了,然后就可以在body里面使用bootstrap中定义好的各种好看的样式。简要说明在Bootstrap中,网页按照十二栏的布局分布

4、,在div中通过span类可以定义该div块占据多少栏,span1~span12可以选择。如下图1-2所示:图1-2

就是一个占据一栏的块,
表示一行,在其中可以嵌套几个并列的div块,其中每一块的偏移可以通过offset1~12类实现,如下图1-3所示:图1-3其中第一行第二块的代码就是
基于Bootstrap网页中的几个典型的功能:1)导航栏-nav

5、barCCITOnlineLearning首页

  • 关于我们
  • 问题反馈
  • 说明:其中navbar类表示一个导航栏,navbar-inne

    6、r类下面是导航栏内的东西,导航栏里面一般是一个无序的列表,通过ul标签和li标签可以组成一个无序的列表(ul是无序列表,ol是有序列表,dl是描述列表,后期会详细介绍,此处只做一个简单的说明),在无序列表中可以通过在li下引用active类来激活对应的选项,2)文字和段落在bootstrap中对于段落中的文字有相应的设计好的样式,通过调用其中设计好的样式就可以排版出好看的文字段落,

    标签中包含一段文字,标签包括标题文件,bootstr

    7、ap中会自动的把标题放大并且加上下划线,

    标签表示其中的段落为引用段落,bootstrap会为其加入设计好的样式,如下图1-4所示:图1-4对于段落中的文字处理还有好多的标签,例如:标签的作用是缩写标签作用是将其中的文字加粗显示,标签作用是将其中的文字显示为斜体标签的作用是将其中的文字缩小显示,标签是用来在应用中使用的,

    8、如来自XXX如下面的代码:

    omghjdfhhdjflhadfhdhfiahdfjadffhjfahfdfahdffhfadjdfanfbfaf

    fromadmin
    显示的效果如下图1-5所示:1)代码的处理在段落中可以使用code标签显示单个的代码,

    当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。