bootstrap的学习注意点

1、bootstrop里面所有的内容都需要用一个container 容器包裹起来；

2、一屏二屏什么的，是通过id 与href实现的；

3、下拉与菜单之类的都有固定的代码；

4、需要修改相关属性的话，之前复制F12里面的样式，在css文件中进行修改；

5、下拉菜单的注意点，不能少了某一个代码；

6、一些标签图案的总结，注意中间的空格，不能少；

7、底部js文件的引入，注意jquery文件的先导入；

Ps：若js没用，试着导入新的jquery压缩文件。

时间： 2024-12-29 17:46:47

bootstrap的学习注意点的相关文章

Bootstrap快速学习笔记（2）表单系列之二

欢迎收看大奥编写的Bootstrap快速学习笔记(2)表单系列之二本学习笔记根据[慕课网]教程修改而来,用它学习Bootstrap,将会带来全新的体验哦: 表单控件大小表单控件状态按钮图像详细介绍表单控件大小表单控件大小可以通过给表单控件添加class类来实现,如果想要比较大,则添加input-lg类,如果想要比较小, 则添加input-sm类,但这仅是对高度进行了处理,如果要对宽度进行处理,需要在每个input控件外围添加div容器并带有col-xs-4类,并且要在这组控件的外围

Bootstrap快速学习笔记（1）排版系列之二

欢迎收看大奥编写的Bootstrap快速学习笔记(1)排版系列之二本学习笔记根据[慕课网]教程修改而来,用它学习Bootstrap,将会带来全新的体验哦: 表格表格行的类详细介绍表格表格是Bootstrap的基础组件之一,有一个基础样式和四个附加样式以及一个响应式样式,全部通过class类来实现,.table:基础表格,这是无论哪种类型的表格都必不可少的类:.table-striped:斑马线表格,更具可读性:.table- bordered:带边框的表格:.table-hover:鼠

Bootstrap 框架学习目录

Bootstrap 框架学习目录 Bootstrap 框架学习目录,布布扣,bubuko.com

Bootstrap快速学习笔记（1）排版系列之一

欢迎收看大奥编写的Bootstrap快速学习笔记(1)排版系列之一本学习笔记根据[慕课网]教程修改而来,用它学习Bootstrap,将会带来全新的体验哦: 标题段落强调内容粗体和斜体强调相关的类文本对齐风格列表代码展示详细介绍标题 Bootstrap重写了h1-h6标题的样式属性并自定义了.h1-.h6类,并用small标签来显示副标题段落 Bootstrap重写了p标签的样式属性强调内容 .lead类改变文本样式粗体和斜体粗体<strong><b>斜体

Bootstrap快速学习笔记（2）表单系列之一

欢迎收看大奥编写的Bootstrap快速学习笔记(2)表单系列之一本学习笔记根据[慕课网]教程修改而来,用它学习Bootstrap,将会带来全新的体验哦: .form-control类水平表单内联表单详细介绍 form-control类把该类直接添加到控件上: 1.宽度变成了100%:2.设置了一个浅灰色(#ccc)的边框:3.具有4px的圆角:4.设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化:5.设置了placeholder的颜色为#999 水平表单最外层form标签要

bootstrap基础学习【表单含按钮】（二）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[表单](二)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body style="padd

bootstrap基础学习【菜单、按钮、导航】（四）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[菜单.按钮.导航](四)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <script src="http://libs.

bootstrap 新手学习笔记代码整理

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 滚动监听(Scrollspy)插件方法</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jqu

【Bootstrap基础学习】00 序

其实这样的东西很多了,但是我就是要写. 我写这种鬼东西只是为了监督自己,如果能顺便帮一下别人就更好了. 这个系列的基础学习,不会去看实体书,主要是去看网上的资料和官网. Bootstrap就是对jQuery的一次再开发,所以jQuery脚本引用必须在bootstrap脚本之前. <link type="text/css" rel="stylesheet" href="./styles/bootstrap.min.css"/> <

bootstrap插件学习-bootstrap.carousel.js

先看bootstrap.carousel.js的结构 var Carousel = function (element, options){} //构造器 Carousel.prototype = {} // 构造器原型 $.fn.carousel = function ( option ) {} //jQuery原型上自定义的方法 $.fn.carousel.defaults ={} //默认参数 $.fn.carousel.Constructor = Carousel // 重写jQuery