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…
Tag: Bootstrap
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…
A clean and modern Bootstrap mockup
Looking at different approach to design with Bootstrap 4, a free flowing open one page design. A large amount of websites have defined areas and even i am guilty of…
PHP MySQL loop with Bootstrap 4 columns
Here is how to implement the Bootstrap grid system into a PHP MySQL foreach loop. The code is set to be 4 columns on large screens, 2 on small screens…