Home » CSS » Bootstrap (page 2)

Bootstrap

Bootstrap Thumbnails Example

In this post we will learn about Bootstrap’s Thumbnail component through an example. This component enables us to layout images, videos etc. in a grid layout. A thumbnail is a reduced size version of the original image or video. To enable such layouts Bootstrap provides a set of CSS rules. The application we will build here will layout images on ...

Read More »

Bootstrap Calendar Example

Table Of Contents 1. Introduction 2. Tools 3. Project Layout 4. HTML Markup 5. JavaScript 5.1 Build the Markup of the Calendar 5.2 Update the Calendar 5.3 Allow Selection of Date 5.4 Navigate Dates for the Desired Month 5.5 Update/Populate the Selected Date 5.6 The Completed Calendar Control 6. Running the Example 7. Download the Source Code   1. Introduction ...

Read More »

Bootstrap Autocomplete Example

In this example we will build a Bootstrap Autocomplete that helps users with suggestions as they fill text fields. Autocomplete reduces keystrokes and improves usability because user can select a suggestion rather than typing it in. To implement this autocomplete we will use Bootstrap modal window. As a result the user can either press the Enter key or click with ...

Read More »

Bootstrap Datepicker Example

In today’s article, we will be looking into how to get started quickly with Bootstrap’s datepicker, and explore a few of the different options, methods and events that are available. To follow this example, all you need is a text editor; I will be using Notepad++.                   1. Introduction 1.1. Date what? ...

Read More »

Bootstrap Carousel Example

In this article, we’re going to go through a quick introduction of the carousel functionality in Bootstrap. 1. Introduction The carousel is a neat component which – as its name suggests – allows you to cycle through a list of given HTML elements (if you don’t think the name suggests that, go find out what a carousel is :)). The ...

Read More »

Bootstrap Accordion Example

In this tutorial, we will show you how to create an accordion widget with Bootstrap. The accordion is a feature which allows you to show and hide components with a nice transition. To follow, all you need is a text editor. I will be using Notepad++; you are free of course to use one of your choice.       ...

Read More »

Bootstrap Tutorial – The Ultimate Guide

In this article, we’re going to have a detailed look at the world’s most popular CSS framework, Bootstrap. Now Bootstrap is not just a framework anymore, it is so often considered a standard in modern website coding. The need for a CSS framework derives from the ever-increasing demand for websites that are easy to build and maintain. Another point is ...

Read More »

Bootstrap gallery example

The majority of the web sites have a page where they display a great amount of images. These pages are the well known gallery or portfolio pages. In this example I’m going to show you how you can use a bootstrap template to those pages.                 1. Get a template In this example we are ...

Read More »

Bootstrap login page template

The login page contains a little form where the users insert their credentials (user name and password) to access to some part of the web site. There are different types of login templates. In this example we will see how to use the: Login page Modal login 1. Get login template To find a login template is really easy and ...

Read More »