zoukankan      html  css  js  c++  java
  • bootstarp基本使用

    Bootstrap的使用一般有两种方法。一种是引用在线的Bootstrap的样式,一种是将Bootstrap下载到本地进行引用。

    bootsrap在线地址 http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css

     

    也可以到官网下载最新版,目录结构,在html中引入bootstrap.min.css,即可

     

    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

    例子:
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title>Hello Bootstrap</title>
        <!-- Bootstrap core CSS -->
        <link href="./bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet">
        <style type='text/css'>
          body {
            background-color: #CCC;
          }
        </style>
        </head>
        <body>
            <h1>hello Bootstrap<h1>
        </body>
    </html>


    更多请点击查看  Bootstarap菜鸟教程
    下载地址 http://getbootstrap.com/

     

     

  • 相关阅读:
    Python 的with关键字
    java解析xml
    Java IO & Serialization
    Java动态编译
    爬虫下载City Scape数据
    Pytorch多GPU训练
    可视化利器Visdom
    GLOG使用Demo
    hyperopt自动调参
    [Redis源码阅读]redis持久化
  • 原文地址:https://www.cnblogs.com/mudebao/p/6888860.html
Copyright © 2011-2022 走看看