这个源码原本是防洪网站的,然后接口失效了,个人觉得样式还行我就把他改成了单页,里面的内容可以自己在源码里面修改。因为博主用的是cc域名,Bootstrap呢又把cc域名给加黑名单了,没办法我自己就弄了个外链自用,用的是这个样式的如图 今天我就把他分享出来,代码在下面 <!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta name="viewport" content="…
这个源码原本是防洪网站的,然后接口失效了,个人觉得样式还行我就把他改成了单页,里面的内容可以自己在源码里面修改。因为博主用的是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"…