Bootstrap button spinner for a table row update
A Bootstrap table row update button with a spinner. The button has a spinner loader whilst an Ajax call completes to determine the status text and colour. CodePen link. …
Tag: Bootstrap
Ajax loading spinner example with Bootstrap
How to do a progress loading spinner whilst waiting for an Ajax call/request. This can prevent the awkward blank page whilst loading in elements from an HTTP GET request. CodePen…
Bootstrap 5 accordion catch hide and show events
How to catch and handle the show and hide events on the Bootstrap 5 accordion component. An accordion is a show/hide card that collapses or expands when clicked, it is…
Simple Bootstrap price plan table
An example pricing plan table built with Bootstrap, structured as 3 different tiers it is fully responsive. The CodePen example: See the Pen Bootstrap price plan table by corbpie…
Bootstrap sticky first column, horizontal scrolling table
Making a horizontal scrolling table where the first column is sticky and stays in place. Tables are fine to an extent but once you start having more than a few…
Making Bootstrap modals wider
Bootstrap modals come in 4 sizes, You have the default, small, large and extra-large. The default size is closer to small and often at times in usage feels very restricted…
Show & hide Bootstrap modal with jQuery
Opening and closing a Bootstrap modal using the traditional button method and then with jQuery targeting with a button click. CodePen example. Traditional way Opening (showing) the modal the traditional…
Collapsable Bootstrap side nav menu
How to have a fully responsive, collapsable side nav bar made with Bootstrap that will resize the page upon collapsing. For this you will need jQuery. The included CSS styling…
Bootstrap cards as selectable radio buttons
Turning bootstrap cards into selectable radio buttons with active states using jQuery. CodePen example. To do this you will need Bootstrap and jQuery. Function to unselect (uncheck) all of the…
Bootstrap video player with information bar
The HTML framework for a simple video player with an information bar showing details that is fully responsive. Being responsive means the view from a large to mobile screen (small)…