JSFiddle

  • https://github.com/wenzhixin/bootstrap-table/issues/1771 #1 is the latest revision

    If boostrap-table-reorder-rows extension is present but not used, bootstrap-table does not work

    <table id="table"
           data-toggle="table">
        <thead>
        <tr>
            <th data-field="position">Position</th>
            <th data-field="name">Name</th>
            <th data-field="stargazers_count">Stars</th>
            <th data-field="forks_count">Forks</th>
            <th data-field="description">Description</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>0</td>
            <td>Name 1</td>
            <td>Stars 1</td>
            <td>Forks 1</td>
            <td>Description 1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>Name 2</td>
            <td>Stars 2</td>
            <td>Forks ...</td></tr></tbody></table>
  • NoDayDatePicker

    JQuery UI datepicker for selecting only month/year (and compatible with default datepickers in same page)

    $(function() {
       $('.datepicker').datepicker();
       $('.nodaydatepicker').datepicker( {
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'mm/yy',
            beforeShow: function(input, inst) {
                $('#ui-datepicker-div').addClass ...
  • Video carousel

    jQuery 2.1.0, HTML, CSS, JavaScript, Bootstrap 3.2.0

    <div id="carousel-example-generic" class="carousel slide">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
    
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">            
        <div class="item active">
          <div align="center">
            <video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://camendesign.com/code/video_for_everybody/poster.jpg" data-setup="{}">
              <source src="http://download.openbricks.org/sample/H264/big_buck_bunny_1080p_H264_AAC_25fps_7200K.MP4" type='video/mp4'>
              <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
            </video>
          </div>
          <div class="carousel-caption">
            <h3>Big Buck ...</h3></div></div></div></!--></!--></div>
  • https://github.com/wenzhixin/bootstrap-table/issues/1763 #4 is the latest revision

    boostrap-table-reorder-rows not working if data-url attribute not present

    <table id="table"
           data-toggle="table"
           data-use-row-attr-func="true"
           data-reorderable-rows="true">
        <thead>
        <tr>
            <th data-field="position">Position</th>
            <th data-field="name">Name</th>
            <th data-field="stargazers_count">Stars</th>
            <th data-field="forks_count">Forks</th>
            <th data-field="description">Description</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>0</td>
            <td>Name 1</td>
            <td>Stars 1</td>
            <td>Forks 1</td>
            <td>Description 1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>Name 2</td>
            <td>Stars 2</td>
            <td>Forks ...</td></tr></tbody></table>