搜档网
当前位置:搜档网 › BootStrap入门教程

BootStrap入门教程

BootStrap入门教程
BootStrap入门教程

Bootstrap教程第一课:简单的Bootstrap主页

Bootstrap教程第一课:简单的Bootstrap主页(1) 写在前面: Bootstrap是目前最流行的前端框架,我从简单的实例开始,写一份文字版的Bootstrap教程,希望能对大家有所帮助。 准备工作: 1、下载Bootstrap框架核心文件。 2、下载jQuery文件。 3、下载HTML5兼容IE的JS插件。 (各位可以从网上找到Bootstrap和jQuery以及HTML5 JS的官方下载地址,也可以直接点击下面的下载链接下载,我已经将jQuery文件放在了js目录里了。)点击下载Bootstrap核心文件 HTML结构: 1、Bootstrap框架的文档必须声明为HTML5文件类型,所以你的每一个页面都必须按照下面的格式进行设置: ...... 2、添加HTML文档meta标记,需要两条标记: 3、引入所需要的核心文件,包括Bootstrap的CSS文件,jQuery插件,Bootstrap的JS核心文件,以及HTML5.JS文件。

那么现在,你的HTML文档,应该是这个样子的: Bootstrap 第一课:简单的Bootstrap主页 正式开始: 现在就可以在body之间写上你的网页结构代码了,添加上Bootstrap相应的CSS 类样式,就可以完成一个最简单的Bootstrap主页了。 首先,写好HTML结构代码:

这是一个简单的Bootstrap主页

这是一个简单的Bootstrap主页,制作这个主页,可 以分为三个步骤:

基于Bootstrap的网页开发

J I A N G S U U N I V E R S I T Y 本科毕业论文 基于bootstrap的网页设计 Bootstrap-based web design 学院名称:计算机科学与通信工程学院 专业班级:软件(嵌入式)1102班 学生姓名:缪江超 指导教师姓名:马汉达 指导教师职称:高级工程师 2015年6月

基于bootstrap的网页设计 计算机科学与通信工程学院软件工程(嵌入式)缪江超 摘要::当今社会,网络是人们生活中不可或缺的一部分,网页则是传递信息的重要媒介。随着时代的进步,网页设计也随着网络技术的发展而不断发展。计算机学院实验中心信息管理系统,是2004年开发的,因设计开发时间较早,其界面已不适应当前的技术发展,不能满足师生对于网站美观要求。 Bootstrap是当下最受人们欢迎的前端框架,是基于HTML、CSS、JAVASCRIPT 的,它简洁灵活的特性使得 Web 开发更加快捷,Bootstrap提供了优雅的HTML和CSS规范,它由动态CSS语言Less写成。本文针对实验中心网站得主要问题,介绍了网页设计的相关理论,使用Bootstrap框架,对实验中心网站进行了重新布局设计,使得网站界面更为美观,用户体验更好。 关键字:前端开发 Bootstrap 布局架构实验室网站

Bootstrap-based web design Miao Jiangchao, Computer Science and Communication Engineering, Software Engineering (embedded) Professional Abstract: Nowadays, networks are an indispensable part of people's lives, the page is an important medium to transmit information. With the progress of the times,with the development of network technology,web design continue to develop. School of Computer Science Experiment Center Information Management System, developed in 2004, due to the design and development time earlier, the interface has not adapted to current technological developments, and can not meet the aesthetic requirements for teachers or students. Now Bootstrap is the most popular front frame,which is based on HTML, CSS, JAVASCRIPT, which is a clean and flexible features that make Web development faster. Bootstrap offers elegantly HTML and CSS specification, which is written by the dynamic CSS language Less. In this paper, the main problem is the Experimental Center site, introduces the theory of web design, use Bootstrap framework, the experimental center site re-layout design, making the site more attractive interface, better user experience. Key Words:Front-end development Bootstrap Layout Architecture Laboratory site

黑马程序员UI教程:Bootstrap弹出框

黑马程序员UI教程:Bootstrap弹出框 使用过JQuery UI的园友们应该知道,它里面有一个dialog的弹出框组件,功能也很丰富。与jQuery UI的dialog类似,Bootstrap里面也内置了弹出框组件。打开bootstrap 文档https://www.sodocs.net/doc/2911410355.html,/components/可以看到它的dialog是直接嵌入到bootstrap.js和bootstrap.css里面的,也就是说,只要我们引入了bootstrap的文件,就可以直接使用它的dialog组件,是不是很方便。本篇我们就结合新增编辑的功能来介绍下bootstrap dialog的使用。废话不多说,直接看来它如何使用吧。 1、c shtml界面代码