Bootstrap CSS 3 笔记

ol class="breadcrumb">
  li>a href="#">Homea>li>
  li>a href="#">Librarya>li>
  li class="active">Datali>
ol>


ul class="nav nav-tabs">
    li class="active">a href="{url ‘platform/special/display‘}">活动a>li>
    li class="disabled">a href="#">禁用a>li>
    li>a href="#">默认a>li>
    li class="dropdown">
        a class="dropdown-toggle" data-toggle="dropdown" href="#">
            下拉菜单 span class="caret">span>
        a>
        ul class="dropdown-menu">
            li>linkAli>
            li class="divider">li>
            li>linkBli>
        ul>
    li>
ul>


div class="input-group">
    span class="input-group-addon">$span>
    input type="text" class="form-control">
    span class="input-group-addon">.00span>
div>


div class="input-group">
    span class="input-group-btn">
        button class="btn btn-default" type="button">left Go!button>
    span>
    input type="text" class="form-control">
    span class="input-group-btn">
        button class="btn btn-default" type="button">right Go!button>
    span>
div>


div class="panel panel-default">
    div class="panel-heading">    head    div>
    div class="panel-body">    body    div>
    table class="table">
        tbody>
            tr>
                td>td>
            tr>
        tbody>
    table>
    ul class="list-group">
        li class="list-group-item">列表组1li>
        li class="list-group-item">span class="badge">14span>列表组2li>
        li class="list-group-item">Morbi leo risusli>
        li class="list-group-item">Porta ac consectetur acli>
        li class="list-group-item">Vestibulum at erosli>
    ul>
    div class="panel-footer">    footer    div>
div>

div class="panel panel-primary">...div>
div class="panel panel-success">...div>
div class="panel panel-info">...div>
div class="panel panel-warning">...div>
div class="panel panel-danger">...div>


ul class="pagination">
    li class="disabled">a href="#">«a>li>
    li class="active">a href="#">1 span class="sr-only">(current)span>a>li>
    li>a href="#">2a>li>
    li>a href="#">3a>li>
    li>a href="#">4a>li>
    li>a href="#">5a>li>
    li>a href="#">»a>li>
ul>


span class="label label-default">Defaultspan>
span class="label label-primary">Primaryspan>
span class="label label-success">Successspan>
span class="label label-info">Infospan>
span class="label label-warning">Warningspan>
span class="label label-danger">Dangerspan>


a href="#">Inbox span class="badge">42span>a>
a href="#">Inbox span class="badge pull-right">42span>a>


div class="alert alert-success">...div>
div class="alert alert-info">
    a href="#" class="alert-link">警告框里面的链接a>
div>
div class="alert alert-warning">...div>
div class="alert alert-danger">...div>


div class="alert alert-warning alert-dismissable">
    button type="button" class="close" data-dismiss="alert" aria-hidden="true">×button>
    strong>Warning!strong> Best check yo self, you‘re not looking too good.
div>


div class="well well-lg">...div>
div class="well">div>
div class="well well-sm">...div>


button type="button" class="btn btn-default">
  span class="glyphicon glyphicon-star">span> Star
button>


div class="btn-group">
    button type="button" class="btn btn-default">Leftbutton>
    button type="button" class="btn btn-default">Middlebutton>
    button type="button" class="btn btn-default">Rightbutton>
div>


div class="clearfix">

    form action="" method="get" class="form-horizontal" role="form">
        input type="hidden" name="c" value="user">
        input type="hidden" name="a" value="display">
        div class="form-group">
            label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">状态label>
            div class="col-sm-8">
                select name="status" class="form-control">
                    option value="">全部option>
                    option value="0">启用option>
                    option value="-1">禁用option>
                select>
            div>
        div>
        div class="form-group">
            label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">用户名label>
            div class="col-sm-8">
                input class="form-control" name="username" id="" type="text" value="">
            div>
        div>
        div class="form-group">
            label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">用户组label>
            div class="col-sm-8">
                select name="group" class="form-control">
                    option value="">全部option>
                    option value="1">测试用户组option>
                    option value="4">金牌代理商option>
                    option value="5">一级代理商option>
                    option value="6">工作人员option>
                select>
            div>
            div class="pull-right col-xs-12 col-sm-2 col-lg-1">
                button class="btn btn-block">i class="fa fa-search">i> 搜索button>
            div>
        div>
        div class="form-group">
        div>
    form>

    
    form action="" method="post" class="form-horizontal" role="form">
        h4 class="page-header">系统回复h4>
        input type="hidden" name="id" value="{$rule[‘rule‘][id]}">
        div class="form-group" style="margin-bottom: 5px;">
            label for="" class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关联关键字：label>
            div class="col-xs-12 col-sm-10 col-md-10 col-lg-11">
                input type="text" name="" id="" class="form-control" placeholder="" />
            div>
        div>
        div class="form-group">
            div class="col-sm-offset-2 col-md-offset-2 col-lg-offset-1 col-xs-12 col-sm-10 col-md-10 col-lg-11">
                input name="submit" type="submit" value="提交" class="btn btn-primary span3" />
                input type="hidden" name="token" value="{$_W[‘token‘]}" />
            div>
        div>
        div class="form-group">
            label for="" class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">label>
            div class="col-xs-12 col-sm-10 col-md-10 col-lg-11">
                div class="input-group">
                    input type="text" name="" id="" class="form-control" value="" />
                    span class="input-group-addon">秒span>
                div>
                span class="help-block">span>
            div>
        div>
        div class="form-group">
            label for="" class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label"> 嵌套 form-group label>
            div class="col-xs-12 col-sm-10 col-md-10 col-lg-11">
                div class="row" style="padding: 15px 15px 0;">
                    div class="form-group" style="margin-bottom: 5px;">
                        label for="welcomekeyword" class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关联关键字：label>
                        div class="col-xs-12 col-sm-10 col-md-10 col-lg-11">
                            input type="text" id="welcomekeyword" name="welcomekeyword" class="form-control" placeholder="" autocomplete="off" />
                        div>
                    div>
                div>
                div class="help-block">div>
            div>
        div>
    form>


    
    form action="./index.php" method="get" class="form-horizontal" role="form">
        input type="hidden" name="c" value="">
        input type="hidden" name="a" value="">
        div class="form-group">
            label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">状态label>
            div class="col-sm-8 col-xs-12 col-md-8 col-lg-10">
                select name="status" class="form-control">
                    option value="1">启用option>
                    option value="0">禁用option>
                select>
            div>
        div>
        div class="form-group">
            label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关键字label>
            div class="col-sm-8 col-xs-12 col-md-8 col-lg-10">
                input class="form-control" name="keyword" id="" type="text" value="">
            div>
            div class="pull-right col-xs-12 col-sm-2 col-md-2 col-lg-1">
                button class="btn btn-block">i class="fa fa-search">i> 搜索button>
            div>
        div>
    form>
div>