You may also add a dropdown menu in tabs of Bootstrap plug-in by using the dropdown class. In this tutorial, I will show you how you can add dropdown along with the custom look of the tabs of Bootstrap, including the dropdown menu. In Bootstrap tabs tutorial, I showed you how simply you can create tabs by … Read more
By using jQuery ajax and post methods, you can load data in different HTML components like tables, lists, dropdowns, etc. You may also load data in Bootstrap tabs by using the $.ajax or $.post method of jQuery. In this tutorial, I will show you demos of using these methods where data will be loaded from … Read more
The Bootstrap Tab Plug-in Bootstrap has a built-in JavaScript plug-in that enables you to create tabs on web pages quite easily. It is a matter of including a few CSS classes and initiating tabs by data attributes or JavaScript. In the tutorial, I will show you how to create Bootstrap tabs with a default color … Read more
The dropdown component of Bootstrap Framework The Bootstrap framework has built-in dropdown component and JS plug-in that can be used in navbars menus, pills, buttons, and even tabs quite easily. You can use a dropdown to show contextual links in the menu bar or other parts of the website. I will show you demos of using Bootstrap … Read more
The input type file Among the other input types like text, password, etc. the file input type allows the creation of a form element that enables users to select a file to upload in the Bootstrap framework, which is basically an HTML tag. This is just a matter of specifying the HTML tag: <input type … Read more
The buttons in Bootstrap Bootstrap buttons can be created by using the main class btn followed by its style and size optional classes. For example, btn-info specifies a light blue button with normal size. Similarly, btn-primary is dark blue, btn-success is green and so on. A button with Bootstrap classes: <button type=”button” class=”btn btn-info btn-lg”>A … Read more
The tooltip plugin of Bootstrap Framework By using the Tooltip.js plugin of Bootstrap framework, you may create tooltips for different elements like buttons, links, text boxes etc. quite easily. I will show you how to create simple and customized tooltips with online examples in this tutorial. You may click on any image or link below the … Read more
This tutorial is a step-by-step guide to setting up Bootstrap date picker. The datepicker plug-in name is bootstrap-datepicker, which is a fork of..
The navbar in Bootstrap Generally, you require a top bar also called the navigation bar or header or top menu in your website that contains main links to the other parts of the website. As using the Bootstrap framework, this is quite easy to create a header menu that contains links or other components like a … Read more
To have a carousel like images sliding in your website home page or other pages, Bootstrap has a JavaScript component that enables you to do that quite easily.
The textarea by using Bootstrap framework By adding the form-control class in the textarea tag, you may create a multiline textarea with Bootstrap. The following example shows two text boxes with and without using the Bootstrap class. The code: <!DOCTYPE html> <html> <head> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css” integrity=”sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==” crossorigin=”anonymous”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> </head> <body> <div … Read more
The select–option dropdown can be added along with other form controls in Bootstrap forms by using built-in classes. You may use simple Bootstrap classes, customized CSS, or third party add-ons to create beautiful looking select dropdowns.
Bootstrap radio buttons Using radio buttons allows selecting one option from many in HTML forms. While using Bootstrap form, it is quite easy to create radio buttons with Bootstrap classes. By using your own style or third party plug-ins, you may also create beautiful-looking radio buttons. In this tutorial, I will show you simply using … Read more
Checkbox in Bootstrap framework The Bootstrap framework has built-in classes to use checkboxes in the forms of your web pages. By using those classes, the checkbox will take the default style as well. You may include Bootstrap checkbox in a form independently, just like ordinary HTML forms, and also include this in textboxes to add … Read more
The Bootstrap framework has classes related to working with HTML forms in your website. By using those classes, you may create forms with default and customized styles quite easily.