这个源码原本是防洪网站的，然后接口失效了，个人觉得样式还行我就把他改成了单页，里面的内容可以自己在源码里面修改。因为博主用的是cc域名，Bootstrap呢又把cc域名给加黑名单了，没办法我自己就弄了个外链自用，用的是这个样式的如图 今天我就把他分享出来，代码在下面 <!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta name="viewport" content="…
（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下： 创建一个带有 class .jumbotron. 的容器 <div>。 除了更大的 <h1>，字体粗细 font-weight 被减为 200。 下面的实例演示了这点： <div class="container"> <div class="jumbotron"> <h1>欢迎登陆页面！</h1&…
导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。 响应式的导航栏 为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有 class .collapse、.navbar-collapse 的 <div> 中。折叠起来的导航栏实际上是一个带有 class .navbar-t…
.alert——指明div元素为警告框组件； .alert-info、.alert-danger、.alert-warning、.alert-success——给警告框设置情景效果； .alert-dismissible——提示该警告框组件为可关闭的； .close——设置按钮为可关闭； .alert-link——可以为链接设置与当前警告框相符的颜色； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…
