![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
傅逸楠13
这个作者很懒,什么都没留下…
展开
-
Bootstrap 3.3.7学习笔记9
Bootstrap 3.3.7学习笔记9对Bootstrap的理解: 今天是第三天接触,这几天算是只要看书就看它的内容到目前为止初步将它理解为,网页开发的时候会存在很多共同审美的内容,比如两个平行按钮要高度相当,大小合适,颜色好看等等。这些布局的方式通过html和css实现的时候又往往会用相同的代码写出来,那为啥要让不同的人在不同的网页的项目中用相似的代码写出有相似功能的网站呢?直接一批人写个大体原创 2017-06-16 12:41:06 · 842 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记12
Bootstrap 3.3.7学习笔记11接下来的学习内容是单个的组件,所以内容不会很多,但很杂,所以不会分到其他学习笔记里面,在这里以列大纲的形式都将其包括吧。下拉菜单官方介绍,给一个例子吧:<div class="dropdown"> /*button众多属性当中除了class给定显示的样式之外,data-toggle是重点,没了它,点击菜单按钮不会弹出下面unordered list中的内原创 2017-06-16 21:57:24 · 263 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记11
Bootstrap 3.3.7学习笔记10主题栅格系统,其实早在bootstrap出现之前,就有专门的12列css框架叫做960 grid system。可以说它们有非常多相似的概念,从container,到col。 推荐去这里看一些关于栅格系统的细节:中文,英文。 知识点: row是不管高度的,col只负责宽度的分配,所以这两者结合起来会有一个问题就是col里面的内容如果不能用一行在所分配宽原创 2017-06-16 14:31:43 · 334 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记14
Bootstrap 3.3.7学习笔记13今天周日,不放假了。继续学习Bootstrap!今天学得主要内容就是bootstrap给出的各种小组件的样式。课题会很零散,内容会比较多。分页导航知识点:分页pagination是指我们在看图片新闻的时候经常会有好几个网页组成一个新闻,每个网页之间的翻动就是由图片下方的1,2,3,…,9这样的分页导航完成的。 很显然它本质也是一个ul。当然其实分页导航最常原创 2017-06-18 12:31:15 · 1252 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记7
Bootstrap 3.3.7学习笔记7表格这个官方网站上面文档解释的比较合理这里一共有6中bootstrap设计的表格类型,天,这么多! class description .table 基础表格 .table-striped 附加给table,变成斑马线表格 .table-bordered 附加给table,变成带边框的表格 .table-hover 附加给原创 2017-06-15 16:32:47 · 1134 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记6
Bootstrap 337学习笔记6HTML5中的短语标签pre标签来显示代码块kbd表示键盘组合code行内代码Bootstrap 3.3.7学习笔记6HTML5中的短语标签 短语标签 描述 <em>/<i>,<dfn> 斜体强调, 注意i标签不算短语标签哦!放在这里只是为了体现功能上的一致 <strong>/<b> 粗体强调,注意b标签不算短语标签哦!放在这里只是为原创 2017-06-15 16:06:22 · 388 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记5
Bootstrap 337学习笔记5ul ollist-unstyled去点列表list-inline同行列表definition list定义列表horizontal definition listBootstrap 3.3.7学习笔记5ul & olul,ol { margin-top: 0; margin-bottom: 10px;}ul ul,ol ul,ul原创 2017-06-15 15:11:57 · 1133 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记4
Bootstrap 3.3.7学习笔记4text以及background辅助class.text-left { text-align: left;}.text-right { text-align: right;}.text-center { text-align: center;}.text-justify { text-align: justify;}.text-原创 2017-06-15 12:30:32 · 742 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记3
Bootstrap 3.3.7学习笔记3强调一段文字有啥选择呢? 1. .leadlead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4;}@media (min-width: 768px) { .lead { font-size: 21px; }}可见.原创 2017-06-15 00:54:02 · 522 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记2
Bootstrap 3.3.7学习笔记2接下来要初步看一下bootstrap里面css的格式 首先从最简单的<h1>到<h6>开始,下面就是从bootstrap.css中粘贴出来的。h1 { margin: .67em 0; font-size: 2em;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-fam原创 2017-06-14 18:41:18 · 539 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记1
Bootstrap 3.3.7学习笔记1跟着玩转Bootstrap(基础)学习。 下面是2017-06BootStrap中文官网给出的一个超级简单的 HTML 模版,我在 <!DOCTYPE html> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”widt原创 2017-06-14 12:32:42 · 636 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记15
Bootstrap 3.3.7学习笔记15先给一个昨天刚刚翻到的特别好的bootstrap中文资料站,感觉它比官方的文档做的更加贴近中文用户,它的程度不仅仅是翻译,而且考虑到了中文用户特别像我这种菜鸟的学习需求。给了比较充分的代码示例。 这次的主题是关于js在Bootstrap中的应用。在之前学习的过程中就有重复出现过一个问题,现在举两个例子。 之前有学过像下拉菜单,我们在html中写了一个按钮原创 2017-06-20 12:37:38 · 677 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记13
Bootstrap 3.3.7学习笔记13今天周六给自己放了一个小假,白天就不干活学习了,天黑下来再开始。 主题:导航条 知识点:制作基本导航条的步骤 建立一个class为navbar navbar-default的nav标签作为存放导航条的最大标签。其中navbar将它的位置和边框圆角等确定了,navbar-default确定它的颜色。或者用div替代nav也可以,不过需要给这个div添加原创 2017-06-17 23:40:00 · 461 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记10
Bootstrap 3.3.7学习笔记10主题:图片 知识点: 1. 改变图片本身大小,可以给img标签加上属性style=”width:500px;height:500px;”,或者是给img标签套上一个父标签 2. bootstrap小图标,来源于 Glyphicons包括250多个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收原创 2017-06-16 13:08:03 · 354 阅读 · 0 评论 -
Bootstrap 3.3.7学习笔记8
Bootstrap 3.3.7学习笔记7发现官方文档把我之前学习笔记里面的内容基本涵盖的挺好。只需要列出需要参考的章节再补上一些自己的理解就很不错了,所以let’s do it. 下一个内容是表单 知识点:关于.form-control,它的基本样式为.form-control { display: block; width: 100%; height: 34px; paddi原创 2017-06-16 00:58:36 · 670 阅读 · 0 评论