我与Bootstrap的故事(九)

基础表单表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同。同样,表单也是Bootstrap框架中的核心内容,下面向大家介绍Bootst...

       时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 20,951 次| 评论 : 2 标签:, , [阅读全文]

    我与Bootstrap的故事(八)

    表格表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用。同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap...

         时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,697 次| 暂无评论 标签:, , [阅读全文]

      我与Bootstrap的故事(七)

      代码本节内容相对来说比较简单,一般在个人博客上使用的较为频繁,用于显示代码的风格。在Bootstrap主要提供了三种代码风格:1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码3、使用<kbd></kbd>来显示用户输入...

           时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,680 次| 暂无评论 标签:, , [阅读全文]

        我与Bootstrap的故事(六)

        在HTML文档中,列表结构主要有三种:有序列表、无序列表和定义列表。具体使用的标签说明如下:无序列表<ul>     <li>…</li> </ul>有序列表<ol>     <li>...

             时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,741 次| 暂无评论 标签:, , [阅读全文]

          我与Bootstrap的故事(五)

          强调内容在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。粗体粗体就是给文本加粗,在普通的元素中我们一般通过font-weig...

               时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 3,032 次| 评论 : 2 标签:, , [阅读全文]

            我与Bootstrap的故事(四)

            段落(正文文本)段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):1、全局文本字号为14px(font-size)。2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也...

                 时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,667 次| 暂无评论 标签:, , [阅读全文]

              我与Bootstrap的故事(三)

              标题Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置:1、重新设置了margin-top和margin...

                   时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,483 次| 暂无评论 标签:, , [阅读全文]

                我与Bootstrap的故事(二)

                全局样式在制作Web页面时,前端人员都习惯为网站设置一个全局样式(reset.css)。那么在Bootstrap框架中也不例外。Bootstrap框架的核心是轻量的CSS基础代码库,他并没有一味的重置样式,而是注重各浏览器基础表现,降低开发难度。大部分前端人员都具有归零的思想,但实际你会发现,归零之后的样式在开发过程中会存在着潜在的问题,...

                     时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,524 次| 暂无评论 标签:, , [阅读全文]

                  我与Bootstrap的故事(一)

                  初识Bootstrap2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&...

                       时间 : 2015-05-16| 栏目2 : 前端开发| 浏览 : 2,150 次| 评论 : 标签:, , [阅读全文]