本篇文章给大家带来的内容是关于bootstrap是什么？bootstrap由什么组成？有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一. 简介
Bootstrap基于HTML,CSS,JAVASCRIPT的前端框架，预定义一套CSS样式和对应的jquery代码，最大的特点是采用响应式布局(兼容多个终端)，是因为他采用了媒体查询（css3 Media Query）（相关免费视频推荐：bootstrap教程）
二.BootStrap组成
1.12栅格系统：将屏幕分为12列，使用行来组织元素，然后将内容放在列内
/* 超小屏幕（手机，小于 768px） *//* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） *//* 小屏幕（平板，大于等于 768px） */@media (min-width: @screen-sm-min) { ... }/* 中等屏幕（桌面显示器，大于等于 992px） */@media (min-width: @screen-md-min) { ... }/* 大屏幕（大桌面显示器，大于等于 1200px） */@media (min-width: @screen-lg-min) { ... }
登录后复制
2.基础布局组件:bootstrap提供的多种基础布局组件
（1）引入
登录后复制
（2）默认样式的Table（ tr是一行,td是一行中的一列,th是标题列,可以等同于td）
登录后复制
（3）带边框的表格
| 1 |
|---|
登录后复制
（4）表单
登录后复制
（5）按钮
登录后复制
3.jquery：Bootstrap所有的JavaScript插件都依赖于Jquery的（注意引入jquery库）
4.css组件：bootstrap为我们预实现了很多CSS组件
5.javascript插件：bootstrap为我们提供了一些js插件
6.响应式设计：兼容多个终端
以上就是BootStrap是什么？BootStrap的结构组成介绍的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2739399.html
关于作者
AD推荐 黄金广告位招租... 更多推荐
相关推荐
-
bootstrap做一个登入注册页面的详解
本篇文章给大家带来的内容是关于bootstrap做一个登入注册页面的详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 本章内容是用bootstrap做的登入注册页面，并使用jquery-validate进行表单验证。技术…
-
BootStrap中的列表组组件，面板组件，响应式嵌入组件（图文详解）
本篇文章就给大家介绍bootstrap中的列表组组件，面板组件，响应式嵌入组件。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。如果大家想要获取和学习更多的bootstrap相关视频教程也可以访问：bootstrap教程！ …
-
BootStrap之bootstrap-table使用总结
本篇文章就给大家介绍带来bootstrap之bootstrap-table使用总结 。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。如果大家想要学习和获取更多的bootstrap相关视频教程也可以访问：bootstrap教…
-
Bootstrap中Typeahead组件的介绍（代码示例）
本篇文章给大家带来的内容是关于bootstrap中typeahead组件的介绍（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoC…
-
Bootstrap基本布局的实现过程（代码示例）
本篇文章给大家带来的内容是关于bootstrap基本布局的实现过程（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 （免费课程推荐：bootstrap教程） 1. 创建基本的页面 我们先创建一个基本的 HTML …
-
bootstrap框架实现自动轮播图的代码
大家在浏览网站时有没有发现，几乎每个网站的首页都有轮播图，作为一个前端开发人员，你会用bootstrap框架写图片轮播吗？这篇文章就给大家分享bootstrap框架实现自动轮播的代码，有一定的参考价值，感兴趣的朋友可以看看。 在使用boot…
-
-
Bootstrap如何使用表单验证插件bootstrapValidator？（代码实例）
本篇文章给大家带来的内容是介绍bootstrap使用表单验证插件bootstrapvalidator的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所助。如果大家想要学习和获取更多的bootstrap相关教程也可以访问：bo…
-
如何使用bootstrap-datepicker插件?（详解）
本篇文章给大家介绍如何在bootstrap中使用bootstrap-datepicker插件，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 在基于Boostrap的Web开发中，往往需要录入日期内容，基于Boostrap…
-
什么是bootstrap
Bootstrap是一种前端框架，该框架是根据html和css还有js三者进行开发的，并且是由css动态语言写成，Bootstrap功能强大被很多人开发者使用。 本文操作环境：Windows7系统、Dell G3电脑、bootsrap3.3…
-
bootstrap框架怎么用
bootstrap框架的使用方法：首先打开官网并下载Bootstrap；然后把bootstrap.min.css和bootstrap.min.js两个文件复制到项目文件对应目录中；最后在head头部中引入bootstrap样式。 本文操作环…
