Bootstrap

   1 cd /tmp
   2 wget https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip
   3 wget http://code.jquery.com/jquery-1.12.0.min.js
   4 unzip bootstrap-3.3.6-dist.zip
   5 cd /tmp/bootstrap-3.3.6-dist
   6 cp * -r /var/www/labs.bitarus.allowed.org/static/

Check CSS styles in http://getbootstrap.com/css/

https://getbootstrap.com/docs/5.3/getting-started/introduction/

Fixed top navbar

https://getbootstrap.com/docs/5.3/examples/navbar-fixed/

Bootstrap Table

Bootstrap table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on.

https://github.com/wenzhixin/bootstrap-table/archive/master.zip

   1 cp ~/Downloads/bootstrap-table-master.zip /tmp/
   2 cd /tmp/
   3 unzip bootstrap-table-master.zip 
   4 cd bootstrap-table-master
   5 cd dist
   6 cp bootstrap-table.min.* /dest/folder

   1 jQuery.noConflict();
   2 $('#table-pagination-data').bootstrapTable({   url: baseUrl + '/xyz/getData' });
   3 $('#modalDiv').modal('show');

http://getbootstrap.com/components/#input-groups

Dropdown with textfield

   1 $('.dropdown-menu li').click(function(event) {
   2     event.stopPropagation();
   3     event.preventDefault();
   4     var selValue = $(this).children('a').html();
   5     $(this).parent().parent().removeClass('open');
   6     $(this).parent().parent().parent().children('input').val(selValue);
   7 });

-  ⇤ ← Revision 3 as of 2014-10-23 16:40:43 → 
  Size: 593
  Editor: 195-23-86-114
  Comment:
+   ← Revision 16 as of 2025-02-14 17:07:12 → ⇥
  Size: 1527
  Editor: vitor
  Comment:
-Deletions are marked like this.
+Additions are marked like this.
 Line 1:
+<<TableOfContents(2)>>
-Line 2:
+Line 3:
+{{{#!highlight sh
cd /tmp
wget https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip
wget http://code.jquery.com/jquery-1.12.0.min.js
unzip bootstrap-3.3.6-dist.zip
cd /tmp/bootstrap-3.3.6-dist
cp * -r /var/www/labs.bitarus.allowed.org/static/
}}}

Check CSS styles in http://getbootstrap.com/css/

 * https://getbootstrap.com/docs/5.3/getting-started/introduction/

== Fixed top navbar ==
 * https://getbootstrap.com/docs/5.3/examples/navbar-fixed/
-Line 7:
+Line 23:
+{{{#!highlight sh
cp ~/Downloads/bootstrap-table-master.zip /tmp/
cd /tmp/
unzip bootstrap-table-master.zip 
cd bootstrap-table-master
cd dist
cp bootstrap-table.min.* /dest/folder                        
}}}
-Line 8:
+Line 32:
- * cp ~/Downloads/bootstrap-table-master.zip /tmp/
 * cd /tmp/
 * unzip bootstrap-table-master.zip 
 * cd bootstrap-table-master
 * cd dist
 * cp bootstrap-table.min.* /dest/folder
+{{{#!highlight js
jQuery.noConflict();
$('#table-pagination-data').bootstrapTable({   url: baseUrl + '/xyz/getData' });
$('#modalDiv').modal('show');
}}}
-Line 15:
+Line 38:
-{{{
 jQuery.noConflict();
 $('#table-pagination-data').bootstrapTable({   url: baseUrl + '/xyz/getData' });
 $('#modalDiv').modal('show');
+http://getbootstrap.com/components/#input-groups

== Dropdown with textfield ==

{{{#!highlight js
$('.dropdown-menu li').click(function(event) {
    event.stopPropagation();
    event.preventDefault();
    var selValue = $(this).children('a').html();
    $(this).parent().parent().removeClass('open');
    $(this).parent().parent().parent().children('input').val(selValue);
});