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…
Tag: Bootstrap
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)…
Bootstrap collapse example
Bootstrap collapse allows you to add toggles to show and hide HTML content. This is handy for avoiding an overload of information on a page. This method will still show…
Bootstrap toggle button status update with AJAX PHP and MySQL
How to make a Bootstrap toggle button with a status update by using PHP, Ajax and MySQL. The toggle button represents on/off which is 1 and 0 in the database….
Bootstrap card examples
Bootstrap 4.5.0 framework Card element examples Documentation and more examples here.
Bootstrap 4 Form only CSS file
Bootstrap 4 without all the clutter, including only the responsive grid, form and button styles. Bootstrap 4 is such a large and feature-packed style framework that you don’t need every…