文档章节

Simple Bootstrap Page

Bing-
 Bing-
发布于 2016/05/03 17:13
字数 405
阅读 16
收藏 0
 this is link:
http://www.runoob.com/bootstrap/bootstrap-ui-editor.html




<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name='viewport' content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
 <title>Typographic style</title>
 <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body style="margin:50px">
<div class="navbar navbar-inverse navbar-fixed-top">
    <div>
      <div>
        <button type="button" data-toggle="collapse" data-target=".navbar-collapse">
          <span></span>
          <span></span>
          <span></span>
        </button>
        <a href="#">Scan</a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="#">Bootstrap</a></li>
          <li><a href="#">Foundation</a></li>
        </ul>
        <ul class='nav navbar-nav pull-right'>
          <li><a href="#">Preview</a></li>
        </ul>
      </div>
    </div>
 </div>
 

<div>
 <div>
  <ol>
   <li><a href="#">Home</a></li>
   <li><a href="#">2013</a></li>
   <li>十一月</li>
  </ol>
 </div>
    <h1>New Web Project Page</h1>
  <table class="table table-hover table-bordered">
   <thead>
    <tr>
     <th>id</th>
     <th>name</th>
     <th>sex</th>
     <th>age</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <td>1</td>
     <td>Helen</td>
     <td>girl</td>
     <td>23</td>
    </tr>
    <tr>
     <td>2</td>
     <td>Hugo</td>
     <td>boy</td>
     <td>40</td>
    </tr>
    <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>
    
    
    
    
    
    <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  
    <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  
    <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>  <tr>
     <td>3</td>
     <td>Alice</td>
     <td>girl</td>
     <td>25</td>
    </tr>
   </tbody>
  </table>
 <form>
 <div>
  <label>密码</label>
   <input type="password" placeholder="请输入您的密码"> 
 </div>
 <div>
  <div>$</div>
  <input type="text" placeholder="请输入您的价格">
  <div>.00</div>
 </div>
</form>
<button class="btn btn-default">Bootstrap</button>
<a href="#" class="btn btn-info">baidu.com</a>       
        
        
 </div>   
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Below:

© 著作权归作者所有

下一篇: day3-function
Bing-
粉丝 0
博文 25
码字总数 18863
作品 0
大连
私信 提问
最棒的 30 个免费的 Bootstrap 模板

大过节的,介绍内容我就不翻译了,有图有真相就够了,亲们,你们说对吗?千万别喷我,要不 @红薯 那家伙又该骂我偷懒了! 1. Blocks Blocks is a light-weight, admin dashboard template i...

小编辑
2014/05/31
249.8K
18
40 个超棒的免费 Bootstrap HTML5 网站模板

Bootstrap 是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。 目前 team.osc...

oschina
2015/02/24
467.9K
26
AngularJS 系列教程 :0 - 启动

在这一节教程中你将学习到 AngularJS Phonecat 应用中最重要的代码。 同时也将将学会如何启动 angular-seed 服务器,并在浏览器中运行应用。 在正式开始之前,请确保按照上一节的方法正确的设...

chengsu
2016/12/14
23
0
WebRTC - Video Demo

https://www.tutorialspoint.com/webrtc/webrtcvideo_demo.htm In this chapter, we are going to build a client application that allows two users on separate devices to communicate u......

mit-tony
2017/06/01
0
0
25 个超棒的 jQuery 消息提醒插件

网页上漂亮的消息提醒不仅耳目一神,关键是引起用户的主题,实实在在起到提醒而不扰民的用途。本文向你推荐 25 个漂亮的 jQuery 消息提醒插件,你值得拥有。 偷个懒不翻译了,大家点击图片可...

oschina
2014/11/20
69.2K
16

没有更多内容

加载失败,请刷新页面

加载更多

关于ThinkPHP5.1+的Log无法记录SQL调试记录的小经历

项目开发阶段,除了基本编码外,性能也需要实时关注与优化。之前我的大部分项目都是使用ThinkPHP5.0以及ThinkPHP3.2,对于框架提供的日志记录和日志配置都差不多,然后使用ThinkPHP5.1的时候...

北桥苏
33分钟前
2
0
TiDB Binlog 源码阅读系列文章(四)Pump server 介绍

作者: satoru 在 上篇文章 中,我们介绍了 TiDB 如何通过 Pump client 将 binlog 发往 Pump,本文将继续介绍 Pump server 的实现,对应的源码主要集中在 TiDB Binlog 仓库的 pump/server.go...

TiDB
36分钟前
2
0
OSChina 周五乱弹 ——不知道假装开心,装的像么

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @巴拉迪维 :天黑了 你很忧愁, 你说世界上, 找不到四块五的妞, 行走在凌晨两点的马路上, 你疲倦地拿着半盒黄鹤楼。#今日歌曲推荐# 《四块...

小小编辑
今天
2.5K
19
Windows下学习C语言有哪些集成开发软件?

前言 初学者学习C语言遇到的最大困难想必就是搭建环境了,相当多的初学者就是被搭建环境导致放弃了学习编程,就我自己的经验而言,初学编程不应该受限于环境,使用成熟好用的环境就可以了,之...

Allen5G
昨天
3
0
Hello,Servlet!

Servlet来源 上文说过了servlet是什么,我们从servlet是什么中也可以了解到servlet的来源:servlet是Java的一个类,并且能够运行在web容器上,所以servlet是按照web容器的规范和Java的规范写...

蒙尘
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部