別跟我廢話

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;
    }
}