本文介绍如何使用Bootstrap框架美化网页元素，包括按钮、表格、图片和表单，通过简单的代码实现更美观的设计效果。
这些东西必需有：
<!DOCTYPE html>
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
#更好看的按钮
使用上十分的简单：
<button type="button" class="btn btn-default">默认按钮</button>
<button type="button" class="btn btn-block">宽屏按钮</button> 此时会100%占用。
#更加好看的表格
鼠标悬停状态的表格（带边框,带斑马线，表格比较紧凑）
<table class="table table-condensed table-hover table-bordered table-striped>
#更好看的图片
图片四周呈现圆角：
<img src="" class="img-rounded">
图片变成圆形：
<img src="" class="img-circle">
#更加好看的表单
点击文本框或者文本域或者下拉等表单元素的时候，边框显示蓝色，使得更加好看
<input type="text" class="form-control">
#更加好看的文本
class 的类有：
text-primary:强调的文本
text-warning:警告的文本
text-danger:危险操作的文本
扫一扫
3561
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
