程序员开发实例大全宝库

网站首页 > 编程文章 正文

Bootstrap框架入门(bootstrap框架教程)

zazugpt 2024-10-15 19:22:56 编程文章 17 ℃ 0 评论

Bootstrap来自Twitter,是目前最流行的前端框架。它是基于HTML、CSS、JavaScript的一个简洁、灵活地开源框架。从官网 http://getbootstrap.com下载Bootstrap的最新版本。(中文官网地址为:https://v3.bootcss.com)

解压缩后您可以看到三大核心目录:css(样式)、js(脚本)、fonts(字体),就是我们所需要的Bootstrap运行环境。其中需要引入页面的是bootstrap.min.css、jquery.min.js 和 bootstrap.min.js三个文件。

文件作用:

1) bootstrap.min.css:包含了Bootstrap所有基本样式。

2) jquery.min.js:因为Bootstrap的js是依赖Jquery的,所以必须在引入Bootstrap的js 之前引入jquery.min.js

3) bootstrap.min.js:包含了Bootstrap所有的基本插件。


二,栅格系统


三,响应式栅格


四,Css全局样式

1.基础排版 2.表单

五,按钮

1.按钮样式 2.按钮大小

六,图片

1.响应式图片 2.图片形状

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表