bootstrap学习笔记 有关css(一)
bootstrap学习笔记 有关css(一)
<img src="data/attachment/album/201209/13/170428twapotd9nxwttc39.png"><br><!doctype html><br><meta charset="UTF-8"><br><head><br><title>bootstrap表单</title><br><link href="css/bootstrap-responsive.min.css" type="text/css" rel="stylesheet" /><br><link href="css/bootstrap.css" type="text/css" rel="stylesheet" /><br><link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" /><br><link href="css/bootstrap-responsive.css" type="text/css" rel="stylesheet" /><br><script type="text/javascript" src="js/bootstrap.min.js"></script><br><script type="text/javascript" src="js/bootstrap.js"></script><br></head><br><br><body><br><div class="container" ><br><div class="controls"><br><input class="span5" type="text" placeholder=".span5"><br></div><br><div class="controls controls-row"><br><input class="span4" type="text" placeholder=".span4"><br><input class="span1" type="text" placeholder=".span1"><br></div><br><div class="controls controls-row"><br><input class="span2" type="text" placeholder=".span2"><br><input class="span3" type="text" placeholder=".span3"><br></div><br><span class="input-xlarge uneditable-input">some value here</span><!--相当于disabled--><br><div class="form-actions"><br> <button type="submit" class="btn btn-primary">保存改变</button><br> <button type="button" class="btn">取消</button><br><input type="text"><span class="help-inline">help text</span><br><span class="help-block">A longer</span><br></div><br><br><input class="input-xlarge" id="focusedInput" type="text" value="这是被关注的"><br><input class=" input-xlarge " id="disabledInput" type="text" placeholder="禁止区域" disabled><br><br><div class="control-group warning"><br><label class="control-label" for="inputWarning">inputWarnning</label><br><div class="controls"><br><input type="text" id="inputWarning"><br><span class="help-inline">warning</span><br></div><br></div><br><div class="control-group error"><br><label class="control-label" for="inputError">inputWarnning</label><br><div class="controls"><br><input type="text" id="inputError"><br><span class="help-inline">warning</span><br></div><br></div><br><div class="control-group success"><br><label class="control-label" for="inputSuccess">inputWarnning</label><br><div class="controls"><br><input type="text" id="inputSuccess"><br><span class="help-inline">warning</span><br></div><br></div><br><button class="btn">login</button><br><button class="btn btn-primary">login</button><br><button class="btn btn-success">success</button><br><button class="btn btn-warning">warning</button><br><button class="btn btn-info">info</button><br><button class="btn btn-danger">danger</button><br><a class="btn btn-danger">login</a><br><button class="btn">login</button><br><button class="btn btn-large btn-primary">login</button><br><button class="btn btn-success">success</button><br><button class="btn btn-warning">warning</button><br><button class="btn btn-info">info</button><br><button class="btn btn-danger">danger</button><br><button class="btn btn-large btn-block btn-info" >block</button><br><a class="btn btn-small btn-danger disabled">login</a><br><button type="button" class="btn btn-primary" disabled>reset</button><br><br><br><br><br><i class="icon-search icon-white"></i><br><br><div class="btn-group"><br><a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i>user</a><br><a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><br><span class="caret"></span></a><br><ul class="dropdown-menu"><br> <li><a href="#"><i class="icon-bar">hello</i></a></li><br> <li><a href="#"><i class="icon-trash">hello</i></a></li><br> <li><a href="#"><i class="icon-ban-circle">hello</i></a></li><br> <li class="divider"></li><br> <li><a href="#"><i class="icon-i">make admine</i></a></li><br></ul><br><pre class="info span4"><br>我真的不知道中国的那两首海监船跑哪儿去了是不是迷路了,还是因为油价上涨,跑到半道没油了。<br><br>当年不就是一个毛头小子 匪和正规军说要一起对抗外敌,最后毛头小子就尽在后面发展军力了。终于打赢外敌的正规军 不出意外地被匪给暗害了。后来做了带头大哥,<br>然后一个劲儿在教科书和影片中宣传自己的丰功伟绩抗日艰难。蔫了,这次可真撞上小日本了,你说你敢打吗?现在好了人台湾国军都要登岛了。主力上去,匪又开始搞什么从旁协助了。简直要笑死人。这次要是不作出有效行动,自己真就打自己一个大嘴巴子了!</pre><br></div><br><div class="btn-group"><br> <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a><br> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a><br> <ul class="dropdown-menu"><br> <li><a href="#"><i class="icon-pencil"></i> Edit</a></li><br> <li><a href="#"><i class="icon-trash"></i> Delete</a></li><br> <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li><br> <li class="divider"></li><br> <li><a href="#"><i class="i"></i> Make admin</a></li><br> </ul><br></div><br><a class="btn btn-small" href="#"><i class="icon-star"></i></a><br><ul class="nav nav-list"><br><li class="active"><a href="#"><i class="icon-home icon-white"></i>home</a></li><br><li ><a href="#"><i class="icon-book"></i>hhhh</a></li><br><li ><a href="#"><i class="icon-book"></i>hhhh</a></li><br><br><li ><a href="#"><i class="icon-book"></i>hhhhh</a></li><br><br><li ><a href="#"><i class="i"></i>hhhhhh</a></li><br><br></ul><br><br><div class="control-group"><br><label class="control-label" for="inputIcon">emaile</label><br><div class="controls"><br><div class="input-prepend"><br><span class="add-on"><i class="icon-envelope"></i></span><br><input class="span2" id="inputIcon" type="text"><br></div><br><br></div><br><br></div><br></div><br><br><br><br><br><br><br><br><br></body><br></html><br>
用户评论