Bootstrap从入门到实战---巨幕和旋转图标

Bootstrap从入门到实战—巨幕和旋转图标

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><!-- 移动设备优先 --><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- 引入Bootstrap CSS --><link rel="stylesheet" href="css/bootstrap.css"><style>body {padding:20px;}</style>
</head>
<body><!-- jumbotron --><div class="jumbotron"><h1 class="display-4">Hello,world</h1><p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p><hr class="my-4"><p>It uses utility classes for typography and spacing to space content out within the larger container.</p><a href="#" class="btn btn-primary btn-lg">Learn more</a></div><br><div class="jumbotron"><div class="container"><h1 class="display-4">Fluid jumbotron</h1><p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p></div></div><!-- spinner --><div class="spinner-border text-secondary" role="status"><span class="sr-only">Loading...</span></div><div class="spinner-grow text-danger" role="status"><span class="sr-only">Loading...</span></div><div class="d-flex align-items-center"><strong>Loading...</strong><div class="spinner-border ml-auto" role="status" aria-hidden="true"></div></div><div class="d-flex align-items-center"><strong>Loading...</strong><div class="spinner-border spinner-border-sm ml-auto" role="status" aria-hidden="true"></div></div><button class="btn btn-primary" type="button" disabled><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>Loading...</button><!-- 先引入 jQuery.js , 再引入 poppper.js 最后引入bootstrap.js --><script src="js/jquery-3.4.1.slim.min.js"></script><script src="js/popper.min.js"></script><script src="js/bootstrap.js"></script></body>
</html>

Bootstrap从入门到实战---巨幕和旋转图标相关推荐

Bootstrap从入门到实战---点击提示和悬停提示
Bootstrap从入门到实战-点击提示和悬停提示 <!DOCTYPE html> <html lang="en"> <head><met ...
Bootstrap从入门到实战---模态框
Bootstrap从入门到实战-模态框 <!DOCTYPE html> <html lang="en"> <head><meta char ...
三、bootstrap4 组件（警告和提示框、徽章和面包屑、按钮按钮组、卡片、列表组、导航和选项卡、分页和进度条、巨幕和旋转图标、轮播图、折叠菜单、下拉菜单、导航条、滚动监听、轻量弹框、模态框、表单）
1.1 警告提示框 1.2 徽章和面包屑 1.3 按钮和按钮组 1.4 卡片 1.5 列表组 1.6 导航和选项卡 1.7 分页和进度条 1.8 巨幕和旋转图标 1.9 轮播图 1.10 折叠菜单 1 ...
vue设置cookie的domain无效_【Vue.js入门到实战教程】16Tailwind 与 Bootstrap 的区别和使用入门...
来源 | https://xueyuanjun.com/post/22065我们知道,从 Laravel 8 开始,自带前端脚手架代码默认兼容 Tailwind CSS 框架,取代了之前的 Boots ...
《Angular4从入门到实战》学习笔记
<Angular4从入门到实战>学习笔记腾讯课堂:米斯特吴视频讲座二〇一九年二月十三日星期三14时14分 What Is Angular?(简介) 前端最流行的主流JavaScrip ...
NGUI从入门到实战1.2NGUI的主要特性
NGUI从入门到实战1.2NGUI的主要特性本节会依次简单介绍NGUI的主要特性.这是一节概述性的介绍,具体的效果实现与操作方法会在本书后面的章节中一一介绍.本文选自NGUI从入门到实战(大学霸) ...
python编程入门与案例详解pdf-Flutter技术入门与实战 PDF 清晰版
给大家带来的一篇关于Flutter相关的电子书资源,介绍了关于Flutter入门.Flutter实战.Flutter技术方面的内容,本书是由机械工业出版社出版,格式为PDF,资源大小162.5 MB, ...
零基础学python实战-Python3.6零基础入门与实战 PDF 带源码视频版
给大家带来的一篇关于Python相关的电子书资源,介绍了关于Python 3.6.入门.实战方面的内容,本书是由清华大学出版社出版,格式为PDF,资源大小518.9 MB,王启明编写,目前豆瓣.亚马逊 ...
Netty入门与实战:仿写微信IM即时通讯系统
转载自:Netty入门与实战:仿写微信IM即时通讯系统 Netty是互联网中间件领域使用最广泛最核心的网络通信框架,几乎所有互联网中间件或者大数据领域均离不开Netty,掌握Netty是作为初中级工程 ...

Bootstrap从入门到实战---巨幕和旋转图标

Bootstrap从入门到实战---巨幕和旋转图标相关推荐

最新文章

热门文章