我学习的 Bootstrap

  这里有一个网站学习bootstrap讲的很简单,有空学习学习 简单的bootstrap

  当前比较还是比较流行bootstrap,它是前端开发的一个框架,大大的缩短了开发者的时间缩短了整个项目的开发流程,很多人都喜欢。

  例如:

    Bootstrap提供了许多的样式类,里面的样式包括排版、表格、表单,按钮,图片等等。本文不详细讲解样式的用法。

    Bootstrap更是提供了许多好看的Glyphicons图标。使用的方法也很简单,不过出于性能的考虑,所有图标都需要基类和单独的图标类。其他图标用法与此类似。

  具体的bootstrap样式查看以及组件的使用   参见官网

时间: 2024-10-12 16:25:02

我学习的 Bootstrap的相关文章

bootstrap学习笔记--bootstrap组件

前面已经学习了bootstrap环境搭建以及基本布局方面的知识,下面将学习下关于bootstrap的相关组件,知识点有点多. 关于bootstrap组件知识点目录: Bootstrap--代码显示 Bootstrap--表格 Bootstrap--表单 Bootstrap--按钮 Bootstrap--图片 Bootstrap--辅助类 Bootstrap--响应式实用工具 Bootstrap--字体图标 Bootstrap--下拉菜单 Bootstrap--按钮组 Bootstrap--按钮下

学习实现bootstrap glyphicons字体

今天给大家分享一个bootstrap学习教程.我使用bootstrap很久了,内置的 glyphicons 图标,足以满足 小型项目的需求.只需要使用一个样式,即可调出图标.虽然感觉很神奇,一直没有分析他是怎么实现的,通过Chrome 开发者工具,定位到 对应的elment 后,得知他是使用的 CSS 伪元素技术. 1 <span class="glyphicons glyphicon-eur"></span> .glyphicons 定义了 所有 glyphi

Bootstrap学习:Bootstrap 网格系统

前面3节其实就是对w3c菜鸟日记的一个粘贴复制,下面开始真正的学习之路不过之. Bootstrap 网格系统 先做个介绍吧,看不懂的可以掠过,一样取自<w3c菜鸟日记> 什么是网格(Grid)? 摘自维基百科: 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的.水平的)组成的结构(通常是二维的).它广泛应用于打印设计中的设计布局和内容结构.在网页设计中,它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的非常有效的方法. 简单地说,网页设计中的网格用于组织内容,

Bootstrap学习:Bootstrap CSS 概览

这一章是Bootstrap 底层结构的关键部分,这个可以我们让 web 开发变得更好.更快.更强壮的最佳实践. 接下来,开始我们的bootstrap学习了. HTML 5 文档类型(Doctype) 由于Bootstrap 使用了一些 HTML5 元素和 CSS 属性.所以为了让这些正常工作,需要使用 HTML5 文档类型(Doctype). 因此,在使用 Bootstrap 项目的开头包含下面的代码段. <!DOCTYPE html> <html> .... </html&

Bootstrap学习:bootstrap简介(节选w3c菜鸟日记)

Bootstrap 简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. 为什么使用 Bootstrap? 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式. 浏览器支

Bootstrap学习:bootstrap简介(节选w3c菜鸟日记)

Bootstrap 简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. 为什么使用 Bootstrap? 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式. 浏览器支

AngularJs学习笔记--bootstrap

一.总括 本文用于解释Angular初始化的过程,以及如何在你有需要的时候对Angular进行手工初始化. 二.Angular <script> 标签 本例用于展示如何通过推荐的路径整合Angular,实现自动初始化. <!doctype html>  <html xmlns:ng="http://angularjs.org" ng-app>  <body>   ...  <script src="angular.js&q

js学习之--Bootstrap Modals(模态框)

http://www.runoob.com/bootstrap/bootstrap-v2-modal-plugin.html http://outofmemory.cn/bootstrap/tutorial/bootstrap-modal-plugin.html 版权声明:本文为博主原创文章,未经博主允许不得转载.

BootStrap学习(一)——BootStrap入门

1.环境搭建 中文官网下载地址:http://www.bootcss.com/ 右击选中的WEB项目,点击导入,选择文件系统,然后下一步,选择BootStrap文件目录路径,如下: 完成后,WEB项目下的css.img.js就出现相应文件,说明导入成功. 然后导入较新版本的JQuery库,目录结构如下: 至此环境搭建完成. 3.BootStrap基本模板 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 4 <head&g