这个源码原本是防洪网站的,然后接口失效了,个人觉得样式还行我就把他改成了单页,里面的内容可以自己在源码里面修改。因为博主用的是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…