码迷,mamicode.com
首页 > 其他好文 > 详细

使用Bootstrap开发的记录(自用)

时间:2019-03-05 21:17:45      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:记录   trap   不同的   鼠标   ace   内容   select   不同   order   

1、表格的样式

<table class="table table-bordered table-striped table-hover">   //table-bordered边框  table-striped隔行变色  table-hover鼠标移入变色
	<tr class="info">  //info表示可以给行增加不同的颜色
<td>内容一</td> <td>内容二</td> <td>内容三</td> <td>内容四</td> </tr> </table>

2、form

		<form class="form-inline">		<!--form-inline水平排列-->
			<div class="form-group">	<!--form-group成组-->
				<label for="">这是一个输入框:</label>
				<input type="text" class="form-control" placeholder="这是一个输入框" />
			</div>
			<div class="form-group">
				<label for="">这是一个选择框:</label>
				<select class="form-control">
					<option>北京</option>
					<option>天津</option>
					<option>上海</option>
					<option>厦门</option>
					<option>杭州</option>
				</select>
			</div>
			<button type="reset" class="btn btn-default">重置</button>
		</form>

  

<table class="table table-bordered table-striped">

使用Bootstrap开发的记录(自用)

标签:记录   trap   不同的   鼠标   ace   内容   select   不同   order   

原文地址:https://www.cnblogs.com/joelan0927/p/10479649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!