A responsive Bootstrap column chart: 3 demos

Bootstrap vertical chart colors

The column chart Presenting information in a graphical format like bar charts, columns etc. is always eye catching and says many words than lots of textual information. In this tutorial, I am going to show you a columns chart that is based on Bootstrap and jQuery. The jQuery part is just a few lines of code … Read more

Bootstrap Based Loading Buttons with Four Examples

Bootstrap loading buttons danger

The loading buttons The loading buttons can be used to show users something is happening behind the “scene”. For example, a link is loading behind while you are showing users to wait. Similarly, a user makes an AJAX call and your script is loading the data from a database server which may take some time. … Read more

A Bootstrap android style menu with 3 demos

jQuery off canvas menu custom-CSS

The Bootstrap menu and mobile In this tutorial, I am going to show you an off-canvas menu based on Bootstrap navigation. If you are already working with Bootstrap framework and included the jQuery library, then most of the dependencies are already done. Additionally, it also requires jQuery mobile for touch events, so your menu works properly … Read more

A jQuery based Bootstrap markdown text editor

jQuery text editor image upload

The Bootstrap markdown editor As you work with Bootstrap framework, chances are you may need your users providing a text editor with certain features like heading options, typical italic, bold options, and that also enables uploading the images. As such, the Bootstrap is relatively a new web framework. In spite of many built-in features, many … Read more

List of 3 Free Bootstrap form builders

Bootstrap form builder

The Bootstrap form builders Although, creating Bootstrap based forms in your web projects is the matter of using a few built-in classes. Whether you want to add textboxes, dropdowns, textarea, checkbox or radio buttons; you may use simple HTML tags with Bootstrap frameworks’ CSS classes and form is ready to use with beautiful styles and … Read more

Creating navbar in Bootstrap 3 with Multiple Child Level Menus

Bootstrap navbar sub menu

The navbar sub menus In the navbar tutorial of Bootstrap, the menus were created with just one level down by using built-in component. In certain scenarios, you may need multiple levels of menu, for example, having four levels of categories and sub-categories that you want to reflect in the navigation bar as well. By using a … Read more

Bootstrap datetimepicker: Managing Date and Time in Bootstrap

Bootstrap datetime picker custom CSS

The datetimepicker plug-in In the datepicker tutorial for managing dates in Bootstrap-based projects, I showed how you can use the bootstrap-datepicker plug-in with text fields. I also showed demos for customizing the look and feel by using the custom CSS for the calendars by overriding the default classes. However, that plug-in is used to manage … Read more

An HTML Table Plug-in for Bootstrap: with Sorting, Pagination, Checkbox etc.

Bootstrap table radio

The table in Bootstrap In Bootstrap table tutorial, I showed how you may create simple tables by using built-in classes in Bootstrap framework’s CSS. The demos included using the striped rows, hover state, coloring the rows by using classes like .success and others, and using the custom colors while using Bootstrap classes as well. However, … Read more

How to create Bootstrap modal Carousel: 4 Demos

Bootstrap modal carousel

The modal carousel In their respective tutorials, I explained how you can create modals and carousels by using the built-in components of the Bootstrap framework. In certain scenarios, you may need a modal window that dims the underlying content and yet enables us to behave like a carousel i.e. 2, 3, or more sliding images, … Read more

Bootstrap lightbox – An extension of modal dialog component: 4 demos

Bootstrap lightbox video

What is Bootstrap lightbox plug-in? In the Modal component of Bootstrap framework, I explained how you may create useful modal dialogs with different options like buttons and different behaviors. In this tutorial, I will show you creating lightbox based at the modal component. For that, I will use a plug-in that enables us creating lightbox … Read more

7 Bootstrap ecommerce themes and templates for Free and paid

Bootstrap ecommerce Whity

The Bootstrap based e-commerce themes The Bootstrap framework is relatively new and finding the templates for an e-commerce website is harder than other platforms. With the popularity of Bootstrap due to its mobile-friendly slogan, more and more companies want to migrate their existing sites or develop the new website that is based at latest Bootstrap framework … Read more

11 Free and premium Bootstrap templates (Responsive)

Bootstrap tempelate Elevator

Bootstrap has built-in classes, components, and plug-ins that you can use in your web projects based at Bootstrap framework. For example, forms, navbar, buttons, modal windows, tables, panels, accordion and others. Update: This is an old post that was written in 2016. A few of the listed templates are not available anymore. However, these are … Read more

9 elegant Bootstrap themes – free and paid

The Bootstrap platform has become very popular over the last few years due to responsive (mobile first) in nature. By having a single website, it may run at the desktop and notebooks of different resolutions along with tablets and smartphones. So more and more companies and bloggers are keen to start/migrate their websites or blogs … Read more

Bootstrap alert with 5 online demos

Bootstrap alerts simple

The alerts in Bootstrap The alerts classes of Bootstrap allow you to create contextual error, warning, info, and dangerous action alerts. Unlike typical JavaScript alerts, these are not modal like alerts, instead, the users may keep on interacting with other parts of the website. By using third party plug-ins, you may also create fancy and attractive … Read more