美文网首页我爱编程
Bootstrap组件-基本结构

Bootstrap组件-基本结构

作者: ugvibib | 来源:发表于2018-04-07 19:04 被阅读20次
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title></title>
    <!-- 适应iphone响应式布局 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->

    <!-- Bootstrap -->
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
  </head>
  <body>
    <div class="dropdown">
      <a href="#" class="btn btn-lg btn-success" data-toggle="dropdown">激活按钮<i class="caret"></i></a>
      <ul class="dropdown-menu">
        <li><a href="#">菜单项1</a></li>
        <li><a href="#">菜单项2</a></li>
        <li><a href="#">菜单项3</a></li>
      </ul>
    </div>
  <body>

相关文章

  • Bootstrap组件-基本结构

  • Bootstrap3-导航

    Bootstrap 导航 1. 定义导航组件 基本结构: 1-1. 设计标签页 1-2. pills胶囊导航 2....

  • 说明

    Bootstrap包含的内容 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将...

  • Bootstrap 包的内容

    Bootstrap 包的内容基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在...

  • 数据库体系结构概述

    一、基本组件概述 基本组件概览,Oracle的基本组件包括: 1、内存组件: 2、进程结构: 3、文件结构: ...

  • Angular2学习笔记-ng bootstrap中motal组

    ng bootstrap是一个angular UI bootstrap库,里面包含了一些基本的UI组件(日期选择组...

  • Bootstrap网格系统

    基本的网格结构下面是 Bootstrap 网格的基本结构: 1 row必须在container中,是行的概念,原本...

  • 前端UI组件大全

    Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https://va...

  • 2019-04-12 面板(Panels)(17)

    Bootstrap 面板(Panels)。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板,只需要...

  • bootstrap表单

    垂直表单(默认) 内联表单 水平表单 垂直表单 也称基本表单基本的表单结构是 bootstrap 自带的创建基本表...

网友评论

    本文标题:Bootstrap组件-基本结构

    本文链接:https://www.haomeiwen.com/subject/njpffftx.html