bitwrench HTML layout and CSS stylesd demo

Bitwrench.js contains built-in css. This can be used when loading bitwrench.js or by using included stylesheets: bitwrench.css or bitwrench.min.css. These style sheets work without any need for javascript and can be used with any other html project. However some bitwrench functionality (such as selecting tabs or table sorts) due require the javascript portion of bitwrench (bitwrench.js).

bitwrench.css prefixes all css classes with "bw" as such as here:





CSS Layout Grid

Bitwrench includes a built-in css grid class set for creating simple regular layouts.






    
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1







    
bw-col-2
bw-col-2
bw-col-2
bw-col-2
bw-col-2
bw-col-2







    
bw-col-3
bw-col-3
bw-col-3
bw-col-3







    
bw-col-4
bw-col-4
bw-col-4







    
bw-col-5
bw-col-7







    
bw-col-6
bw-col-6







    
bw-col-7
bw-col-5







    
bw-col-8
bw-col-4







    
bw-col-9
bw-col-3







    
bw-col-10
bw-col-2







    
bw-col-11
bw-col-1







    
bw-col-12





 








Text Alignment & Related









The following text styles are supported.



This text is left aligned.



This text is centered.



This text is right aligned.



This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified.