Create Bootstrap responsive tables by jQuery plug-in

Bootstrap responsive table custom

The jQuery plug-in for responsive tables As using the HTML tables in your web pages, this becomes important to make it responsive so it adjusts to the smaller screens of mobiles so users may go through it easily. In this tutorial, a jQuery plug-in is used for creating Bootstrap-based tables that are responsive. In the … Read more

Bootstrap Feedback/Contact Sliding Form by using jQuery

Bootstrap form contact

The sliding form using Bootstrap In this tutorial, I am going to use a jQuery plug-in with Bootstrap framework for creating the sliding form that you may use for feedback or any other purpose like subscriptions, etc. The plug-in name is bootstrap-feedback-form. You need to include the JS and CSS files of this plug-in in … Read more

A Bootstrap sliding side menu with jQuery: 2 demos

The right/left sliding menu in Bootstrap In this tutorial, the BootSideMenu plug-in is used for creating the sliding menus. The menu panel can be left or right that will close and open as you click the respective arrow. This may be useful if you have large content that overlaps when the menu is opened, otherwise, whole … Read more

jQuery plug-in for Bootstrap popover enhancement with demos

The Bootstrap popover and jQuery plug-in The Bootstrap popover can be used as an overlay for showing helpful or additional information related to the context for a specific section of the web page. The built-in popover component of the Bootstrap has a few features that can be implemented easily. In this tutorial, I am going to use a … Read more

A jQuery Full Screen Modal: 3 Demos with Bootstrap Classes

Bootstrap jQuery modal

The full-screen modal plugin The ap-full-screen modal is a jQuery-based plug-in that uses CSS3 animations. As the name shows, it is a full-screen modal window where you may present DOM elements like subscription forms, or other informative content. The plug-in is light-weight, only 13Kb and includes CSS and JS files. See the following section for … Read more

Setting up a Bootstrap Material Date and time picker plug-in

Bootstrap material time picker

The Material date and time picker for Bootstrap The material datetime picker is designed for Bootstrap which requires you to add the jQuery library, momentsjs file, and Google’s material icon font besides Bootstrap’s CSS and JS files. So, if your project is based on Bootstrap framework and you have already included the Bootstrap dependent files, … Read more

6 Demos of Bootstrap [3,4,5] Data Tables with Paging, Rows per view and more

Bootstrap data table odd even

The data tables and Bootstrap In the table tutorial of Bootstrap, I showed how you can create simple tables by using Bootstrap built-in classes. In this tutorial, a plug-in is used for creating data tables that have useful features like pagination, sorting, search, etc. Features A user may select how many rows to display at … Read more

Bootstrap 3 Dropdown Menu on hover Plug-in: 5 Demos

Bootstrap- hover button group

The dropdown menu and hover state In the dropdown menu tutorial of Bootstrap, I showed seven demos of the menus that appeared as you clicked the dropdown (buttons or links). This is the default behaviour of the dropdown component that comes with the Bootstrap framework. If you want to open the dropdown menu as the mouse … Read more

A Bootstrap 3 and jQuery based Star Rating Plug-in

Bootstrap star rating

The star rating plug-in In this tutorial, a star rating plug-in is used that is developed in jQuery while it uses the Bootstrap CSS classes. So if you are developing a Bootstrap-based project and need to integrate nice looking rating or favorite level system for any kind of website then it worth’s a try. The … Read more

A Bootstrap / jQuery color picker with 7 demos

Bootstrap color picker background

The Bootstrap color picker The color picker is a component that you may require for the front-end interface for the end users. The purpose can be selecting a color of theme, backgrounds, or other sections of the website. However, color pickers can generally be used in the admin interface to allow visitors to set the … Read more

Bootstrap / CSS based Coupon Code Template: 4 Demos

Botstrap coupon Red

The coupon code template by using Bootstrap and CSS As working for an e-commerce-based project, the scenarios will come when you need to present the coupon codes of the products or offers to the visitors. If your project/theme is based on Bootstrap framework then there are a number of lightweight and elegant solutions out there … Read more