zoukankan      html  css  js  c++  java
  • Bootstrap

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

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

      Internet Explorer Firefox Opera Google Chrome Safari

    • 容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。
    • 响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

    Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。

    使用 Bootstrap 的排版特性,可以创建标题、段落、列表及其他内联元素。

    内联子标题

    如果需要向任何标题添加一个内联子标题,只需要简单地在元素两旁添加 <small>,或者添加 .small class,这样子您就能得到一个字号更小的颜色更浅的文本,如下面实例所示:

    实例

    <h1>我是标题1 h1. <small>我是副标题1 h1</small></h1><h2>我是标题2 h2. <small>我是副标题2 h2</small></h2><h3>我是标题3 h3. <small>我是副标题3 h3</small></h3><h4>我是标题4 h4. <small>我是副标题4 h4</small></h4><h5>我是标题5 h5. <small>我是副标题5 h5</small></h5><h6>我是标题6 h6. <small>我是副标题6 h6</small></h6>
     
     
     
     

    <divclass="container"><divclass="jumbotron"><h1>我的第一个 Bootstrap 页面</h1><p>重置窗口大小,查看响应式效果!</p></div><divclass="row"><divclass="col-sm-4"><h3>Column 1</h3><p>学的不仅是技术,更是梦想!</p><p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p></div><divclass="col-sm-4"><h3>Column 2</h3><p>学的不仅是技术,更是梦想!</p><p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p></div><divclass="col-sm-4"><h3>Column 3</h3><p>学的不仅是技术,更是梦想!</p><p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p></div></div></div>

  • 相关阅读:
    编程题2
    编程题1
    用Fiddler对Android应用进行抓包
    Solr7部署报错:java.lang.NoSuchMethodError: javax.servlet.ServletInputStream.isFinished()Z
    docker 网桥 bridge
    dockerfile 文件创建镜像说明、各参数
    多实例应用
    配置管理-kubernates的配置管理使用方式 、 config-map/ secret
    存储管理、有状态应用的特征
    特殊类型statfulset 和 headless service
  • 原文地址:https://www.cnblogs.com/zm1994/p/7987628.html
Copyright © 2011-2022 走看看