zoukankan      html  css  js  c++  java
  • Bootstrap(Web前端CSS框架)

    官方定义:

    • Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    • 即:Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

    百科定义:

    • 简介:Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成
    • 特点:Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。
    • 组件:Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
    • JS组件:Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。
    • 可定制自己的框架代码:可以对Bootstrap中所有的CSS变量进行修改,依据自己的需求裁剪代码。
    • Bootstrap Less :Less 是一个 CSS 预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,您可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。

    学习ing...

      1、what? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

      2、why?  

      • 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。
      • 浏览器支持:所有的主流浏览器都支持 Bootstrap。

        Internet ExplorerFirefoxOperaGoogle ChromeSafari

      • 容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。
      • 响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
      • 它为开发人员创建接口提供了一个简洁统一的解决方案。
      • 它包含了功能强大的内置组件,易于定制。
      • 它还提供了基于 Web 的定制。
      • 它是开源的。

      3、how?

      • 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
      • CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。
      • 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。
      • JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。
      • 定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

     

    学习请移步:W3CSCHOOL :Bootstrap 提供教程

  • 相关阅读:
    D. Constructing the Array
    B. Navigation System
    B. Dreamoon Likes Sequences
    A. Linova and Kingdom
    G. Special Permutation
    B. Xenia and Colorful Gems
    Firetrucks Are Red
    java getInstance()的使用
    java 静态代理和动态代理
    java 类加载机制和反射机制
  • 原文地址:https://www.cnblogs.com/xymqx/p/3969220.html
Copyright © 2011-2022 走看看