{"id":34617,"date":"2017-12-04T03:01:21","date_gmt":"2017-12-03T17:01:21","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=34617"},"modified":"2017-12-04T12:20:56","modified_gmt":"2017-12-04T02:20:56","slug":"bootstrap-jquery-plugin-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/bootstrap-jquery-plugin-primer-tutorial\/","title":{"rendered":"Bootstrap jQuery Plugin Primer Tutorial"},"content":{"rendered":"
\"Bootstrap<\/a>

Bootstrap jQuery Plugin Primer Tutorial<\/p><\/div>\n

If you’re one of those people who believe they live “around rocks” rather than “under a rock” it will not have passed your notice that (the CSS styling concept of) “responsive design”<\/a> (of webpages) and (the poor put upon) HTML “table”<\/a> element are not the happiest bedfellows. In “responsive design” land, where “device width” is “abstracted”<\/a> away, you’d be using HTML “div”<\/a> elements instead.<\/p>\n

So, today, while it is fresh in our minds with yesterday’s CSS3 Flexbox Table Tutorial<\/a>, to have an “old paradigm” web application based on the HTML table element (and don’t think we are trying to “outlaw this” or anything … quite the reverse … as today we are encouraging a “conversion” feel) we want to introduce for the first time at this blog the great, the stupendous, Bootstrap<\/a> jQuery<\/a> plugin<\/a>, as a tool (or “foot in the door”) into the “responsive design” world … see, we spared you the “woooooorrrrrrllllldddd”, that no doubt you regulars are so sick of??!!<\/font><\/p>\n

We have W3Schools<\/a> to thank for their tutorial leading us into directions to piece together our “Primer” tutorial today, which jumps a bit past a “Hello World” feel to it (and we may jump back to “Hello World” looks at a later date), onto a converting an HTML table based web application design, dynamically, into a “responsive design” via Bootstrap. In broad brush terms what do we do to do that?<\/p>\n