BootStrap应用实例学习笔记
第二次学习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本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！