• 然爸读书笔记(2014-10)----Bootsrap用户手册


    本来其实这方面的知识,可以直接在网站上看,但是自己是web前端的小白。基本不懂。所以,还是买一本书来看,更好些。体现出我对前端的重视。

    Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

    第一章:Bootstrap提供的网站框架

    (1)Bootstrap的文件结构

    bootstrap/
    ├── css/
    │   ├── bootstrap.css
    │   ├── bootstrap.min.css
    │   ├── bootstrap-theme.css
    │   └── bootstrap-theme.min.css
    ├── js/
    │   ├── bootstrap.js
    │   └── bootstrap.min.js
    └── fonts/
        ├── glyphicons-halflings-regular.eot
        ├── glyphicons-halflings-regular.svg
        ├── glyphicons-halflings-regular.ttf
        └── glyphicons-halflings-regular.woff

    (2)响应式设计

    要使bootstrap支持响应式布局,必须在<head>标签中添加<meta>标签。另外,你下载的文件中没有响应式的css文件,也需要单独下载。

    第二章:Bootstrap预定义的css样式

    (1)排版

    bootstrap定义了6个级别的标题,分别是h1-h6,h1是36像素高;用class="lead"强调段落;用<strong>来强调具体文本;用<abbr>来标记缩写词。

    (2)表格

    适用<table>,<tr>,<td>来制定表格。

    (3)表单

    适用<form>制定表单。

    第三章:Bootstrap内置的布局组件

    (1)下拉菜单

    class="dropdown-menu",用pull-right来右对齐等。

    (2)按钮组

    class="btn-group"。

    (3)导航元素

    class="nav";class="navbar"。

    (4)标签

    class="label";class="badge"。

    (5)缩略图

    class="thumbnail"。

    (6)进度条

    class="progress"。

    第四章:Bootstrap支持的JavaScript插件

    (1)模态框

    class="modal"。

  • 相关阅读:
    <大学祭>
    使用rest方式修改服务端xml文件
    tsql的奇特语法
    Dandelion
    正则中关于修饰符g以及exec和match区别的一个小demo
    如何将一个盒子在显示在浏览器的正中间
    Js中的this指向问题
    CSS通过边框border-style来写小三角
    用单例模式封装常用方法 utils class v1.0
    JS中检测数据类型的四种方法
  • 原文地址:https://www.cnblogs.com/banli/p/3691780.html
Copyright © 2020-2023  润新知