别跟我废话

jqBootstrapValidation

http://reactiveraven.github.io/jqBootstrapValidation/

这个插件就是个sb 说本身兼容bootstrap 实际上只支持bootstrap2 若是想支持bootstrap3

要在forn-group 后面加上 control-group

  <div class="form-group control-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>

 若是想用默认验证就得在form处加上novalidate

<form role="form" novalidate="" >

说到找工做，真痛苦，我说的是招人的痛苦。 软件行业人是不少，可是会作事的真的很少

最近在看程序员在囧途 好书啊  

amaze ui开源了 不错 http://amazeui.org/

有人说img标签不能响应式切换图片 好的咱们加一个picture标签

不过ie就是问题了 怎么办呢 jquery啊  jquery picture 

我的网站终于开始起步了 不错

oschina为何不搞个微博客呢

less是很厉害的 不错

用less构造一个本身的布局系统

body {
    font-family: "Microsoft YaHei", "Hiragino Sans GB";
}

.loop(@counter) when (@counter > 0) {
  .loop((@counter - 1));    // next iteration
}

/**
 * This is for the percentage columns
 */
.generate-480-columns(@n, @i: 1) when (@i =< @n) {
  .col-480-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-480-columns(@n, (@i + 1));
}

.generate-640-columns(@n, @i: 1) when (@i =< @n) {
  .col-640-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-640-columns(@n, (@i + 1));
}

.generate-720-columns(@n, @i: 1) when (@i =< @n) {
  .col-720-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-720-columns(@n, (@i + 1));
}

.generate-1280-columns(@n, @i: 1) when (@i =< @n) {
  .col-1280-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-1280-columns(@n, (@i + 1));
}

.generate-1440-columns(@n, @i: 1) when (@i =< @n) {
  .col-1440-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-1440-columns(@n, (@i + 1));
}

.generate-1920-columns(@n, @i: 1) when (@i =< @n) {
  .col-1920-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-1920-columns(@n, (@i + 1));
}

.generate-2880-columns(@n, @i: 1) when (@i =< @n) {
  .col-2880-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-2880-columns(@n, (@i + 1));
}

.generate-480-columns(12);
.generate-640-columns(12);
.generate-720-columns(12);
.generate-1280-columns(12);
.generate-1440-columns(12);
.generate-2880-columns(12);

.col-480-1, .col-480-2, .col-480-3, .col-480-4, .col-480-5, .col-480-6, .col-480-7, .col-480-8, .col-480-9, .col-480-10, .col-480-11, .col-480-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-640-1, .col-640-2, .col-640-3, .col-640-4, .col-640-5, .col-640-6, .col-640-7, .col-640-8, .col-640-9, .col-640-10, .col-640-11, .col-640-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-720-1, .col-720-2, .col-720-3, .col-720-4, .col-720-5, .col-720-6, .col-720-7, .col-720-8, .col-720-9, .col-720-10, .col-720-11, .col-720-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-1280-1, .col-1280-2, .col-1280-3, .col-1280-4, .col-1280-5, .col-1280-6, .col-1280-7, .col-1280-8, .col-1280-9, .col-1280-10, .col-1280-11, .col-1280-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-1440-1, .col-1440-2, .col-1440-3, .col-1440-4, .col-1440-5, .col-1440-6, .col-1440-7, .col-1440-8, .col-1440-9, .col-1440-10, .col-1440-11, .col-1440-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-1920-1, .col-1920-2, .col-1920-3, .col-1920-4, .col-1920-5, .col-1920-6, .col-1920-7, .col-1920-8, .col-1920-9, .col-1920-10, .col-1920-11, .col-1920-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-2880-1, .col-2880-2, .col-2880-3, .col-2880-4, .col-2880-5, .col-2880-6, .col-2880-7, .col-2880-8, .col-2880-9, .col-2880-10, .col-2880-11, .col-2880-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}


@media (min-width: 1280px) {
    .generate-1280-columns(12);
    .container {
        width: 1280px;
    }
}

@media (min-width: 1920px) {
    .generate-1920-columns(12);
    .container {
        width: 1920px;
    }
}