Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。


  bootstrap 的学习非常简单,并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。


  bootstrap提供了三种类型的下载:


  用于生产环境的 Bootstrap


  编译并压缩后的 CSS、JavaScript 和字体文件。不包含文档和源码文件。


  Bootstrap 源码


  Less、JavaScript 和 字体文件的源码,并且带有文档。需要 Less 编译器和一些设置工作。


  Sass


  这是 Bootstrap 从 Less 到 Sass 的源码移植项目,用于快速地在 Rails、Compass 或 只针对 Sass 的项目中引入。


  其实我们不用下载bootstrap也可以使用它:


  base.html


  <!DOCTYPE html>


  <html lang="zh-CN">


  <head>


  <meta charset="utf-8">


  <meta http-equiv="X-UA-Compatible" content="IE=edge">


  <meta name="viewport" content="width=device-width, initial-scale=1">


  <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->


  <title>Bootstrap 101 Template</title>


  <!-- Bootstrap -->


  <link rel="stylesheet" href="">


  </head>


  <body>


  <h1>你好,bootstrap!</h1>


  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->


  <script src="">


  base.html中已经引入了bootstrap,将其保存,我们就可以使用bootstrap提供的样式了。


  字体图标


  bootstrap默认提供了二百多个图标。我们可以通过span标签来使用这些图标:


  按钮


  标签用于创建按钮,bootstrap提供了丰富的按钮样式。


  按钮除了有默认的大小外,bootstrap还提供三个参数来调整按钮的大小,分别是:btn-lg、btn-sm和btn-xs。


  下拉菜单


  下拉菜单是最常见的交互之一,bootstrap提供了漂亮的样式。


  输入框


  通过标签去创建输入框。


  导航栏


  导航栏作为整个网站的指引必不可少。


  表单


  人与系统之间数据的传递都需要依靠表单来完成。比如注册/登录信息的提交,查询条件的提交等。用<form></form>标签来创建表单。


  警告框


  警告框是系统向用户传达信息和提供指引的重要手段。没有针对警告框的标签,通过bootstrap所提供的样式可以瞬间制作出漂亮的警告框。


  收集国内外高清电影资源、无损音乐下载、游戏辅助教程、福利资源、网络教程的综合性网站。


  收集国内外高清电影资源、无损音乐下载、游戏辅助教程、福利资源、网络教程的综合性网站。


  在MongoDB中的ObjectID,可以理解为是一个不会重复的ID,这里有个链接感兴趣可以去研究一下。


  我今天要做的就是做一个不重复ID的生成器


  2.随机数版本16进制版本 v0.0.2


  3.随机数版本36进制版本 v0.0.3


  4.随机数版本36进制版本 去掉"0." v0.0.4


  然而用一个随机数作为ID,随着使用次数的累积,必然会出现相同的两个ID


  5.引入时间戳 的36微进制版本 v0.1.1


  6.引入时间戳 的36微进制版本 加入随机数长度控制 v0.1.2


  这样生成的ID前面几位总是相同,看着不爽,于是再改改


  7. 引入时间戳 随机数前置 36进制 加入随机数长度控制 v0.1.3

相关文章

9个鲜为人知的HTML功能 小白怎么学习HTML5?新手入门必看 阿里巴巴常用的12个后端开发工具 sharepoint搭建文档服务器,SharePoint?Server教程 语义化标签与HTML5新增的布局标签 vector教程:如何进行项目 JetBrains PhpStorm v2021.2.0中文激活版 HTML5教程之新元素 前端基础入门:HTML5基础语法与标签 HTML5——SVG基础入门 android是前端还是后端 嵌入式开发要学哪些技能? 使用fiddler对手机APP进行抓包 HTML5薪资正一路飙升 如何才能学好HTML5开发 零基础如何迅速学习前端? html5中怎么利用canvas元素创建画布 实现html5移动端自适应布局的方法分享 HTML5移动应用开发 最佳HTML5应用开发工具有哪些? HTML5 移动页面自适应手机屏幕四类方法 html5手机网站常用的9个CSS属性 什么是web前端开发标准 Android开发用过的十大框架 Android混合开发,html5自己主动更新爬过的坑 HTML5中的移动开发框架有哪些? 分享5个主流的HTML5开发工具 HTML5开发培训教程学习之动效制作 网页开发HTML5 快速开发基于 HTML5 网络拓扑图应用 如何零基础入门前端开发? html5零基础入门学习教程(零基础学员必看) jquery删除ajax请求的方法 jquery中ajax中的参数,jquery中的ajax参数 jQuery AJAX 方法success()后台传来的4种数据详解 jquery中ajax常用的方法,jQuery ajax框架常用方法总结 jQuery AJAX中readyState与status的区别与联系 jquery ajax.then,神奇的then方法 jQuery validate+artdialog+jquery form实现弹出表单思路详解 ajax用来做什么的,jQuery是什么? java jquery ajax视频,【Ajax】之jQuery中的Ajax jquery中ajax应用之通用ajax()函数的实例 BootStrop前端框架入门教程详解 jQuery WEUI Select jquery是什么意思?jquery和js的区别是什么? 巧用案例学习jQuery框架三种事件绑定方式 jQuery 基础知识总结 引入JQuery.min.js文件 几款常用的高质量web前端框架 Jquery和bootstrap有哪些区别 easyui 验证 ajax提交表单提交表单提交