第二次学习bootstrap了,这次主要以实际用例为主,做一下总结。
51CTO课程链接:BootStrap零基础学习实战视频课程
Bootstrap官方文档
1. 登陆表单
在bootstrap中,大量使用div标签控制层级关系,使用class属性控制样式表现。

<html><head><meta charset="UTF-8"><title>登陆title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/><script src="js/jquery.min.js" type="text/javascript" charset="utf-8">script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8">script>head><body><div class="container"><h1 class="page-header">用户登录h1><form action="#" method="post" class="form-horizontal"><div class="form-group"><div class="col-md-5"><div class="input-group"><div class="input-group-addon">邮箱div><input type="text" class="form-control" placeholder="Email"/>div>div>div><div class="form-group"><div class="col-md-5"><div class="input-group"><div class="input-group-addon">密码div><input type="password" class="form-control" placeholder="PassWord"/>div>div>div><div class="form-group"><div class="col-md-5"><a class="btn btn-primary" href="#">登陆a>div>div>form>div>body>
html>
2. 基本导航栏

<nav class="nav navbar-default"><div class="container-fluid"><div class="navbar-header"><a href="#" class="navbar-brand">Logoa>div><ul class="nav navbar-nav"><li class="active"><a href="#">首页a>li><li