Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Bootstrap Articles
Page 45 of 49
Bootstrap class input-group-sm
To make small input group, use the input-group-sm.You can try to run the following code to implement the input-group-sm class in Bootstrap −Example Bootstrap Example $
Read MoreAdd denser information to a table with Bootstrap
Use the .table-condensed class, add denser information to a table.You can try to run the following code to implement a table-condensed class in Bootstrap −Example Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
Read MoreHow to write the bootstrap media queries for very large screens?
Bootstrap, is a CSS framework that can be used to style your web pages without even writing the CSS code in an external file. It is an open source framework that is available for free. You just need to include the CSS and the JavaScript CDN of this framework to use the dynamic and interactive components which are already built in this framework. There are some classes define in this framework that you can use to style the elements of your web page. In this article, we are going to learn about writing the bootstrap media queries for very large ...
Read MoreHow to set one column control over height in Bootstrap?
In this article, we will learn how we can set one column control over height in bootstrap? To solve this problem, first we make two different columns on the web page using Bootstrap classes, then we will use a div element inside one of those columns with position absolute to set the control of that particular column over height in bootstrap. Let us now practically understand the above approach or the process in details by implementing it inside the different code examples. Steps Step 1 − In the first step, we will define two different bootstrap columns inside a ...
Read MoreHow to use image overlay correctly with Bootstrap?
The image overlay is a property by using which we can show any text, image, links and much more over an image. It allows us to set text, images or other things on an image to make it look pretty. We can us the image overlay class of bootstrap defined as card-img-overlay. This class will allow us to write text or align text over an image and use the image as a background to the text or the links we align over it. What are the advantages of using this class provide? It allows you to write or align ...
Read MoreHow to display a black navigation bar in Bootstrap?
In this article, we will learn how to display a black navigation bar in Bootstrap with the help of various Bootstrap classes, like “navbar-dark”, or “bg-dark”. Navigation bars are useful in a website as they provide easier navigation to the main contents on the platform, better accessibility throughout the website, and an overall enhanced user experience. Here, we will create a black-colored navigation bar using Bootstrap and its classes. We will be using the Bootstrap CDN in our examples below to import Bootstrap into our project. Let’s understand this with the help of some examples − Example 1 In this ...
Read MoreHow to Design Half-Page Carousel in Bootstrap?
Carousel is a popular web designing technique used by web developers. This is a way to show a series of images or any other media content in an interactive way. These carousels are important design elements in several kinds of websites like traveling websites, Educational websites, etc., where we need to attract users using the images. The half-page carousel is a slight variation where the carousel takes only half of the entire page. This article will teach us how to design a half-page carousel in Bootstrap. Use The Grid System The bootstrap grid system allows us to create responsive and ...
Read MoreHow to pass data into a bootstrap modal?
Bootstrap is a CSS framework allowing developers to style HTML elements without writing any CSS code. We can use pre-defined classes of Bootstrap with HTML elements to style them. The Bootstrap also contains the modal. The simple meaning of the modal is the pop-up box. For example, an alert box, payment box, etc. In this tutorial, we will learn to add data to the bootstrap modal using JavaScript or JQuery. One scenario when we require to add data to the bootstrap modal is that we allow users to select any product. After that, we need to open a payment modal ...
Read MoreHow to place two input box next to each other using Bootstrap 4?
Bootstrap is a popular frontend framework containing pre-styled components and allowing developers to use that directly in the application. The ‘4’ is the version of the Bootstrap. Bootstrap also contains pre-styled input components. Furthermore, it has different kinds of the input components, such as input groups, single input, etc. While creating a form, if we require to add 10s of inputs in the form, we can put some input fields side by side, such as first name and last name we can put side by side. In this tutorial, we will use Bootstrap to place two input boxes next to ...
Read MoreHow to Write a Mobile-Friendly App Using JQuery & Bootstrap?
The paradigm shift towards mobile technology has paved the way for a responsive, user-friendly interface in app design. JQuery and Bootstrap are two powerful tools that can aid developers in creating mobile-friendly applications. Let's delve into how you can use these frameworks to create an efficient, responsive application. Prerequisites Before you begin, ensure that you have a basic understanding of HTML, CSS, and JavaScript. Familiarity with JQuery and Bootstrap is advantageous but not compulsory, as we'll go over the basics. Introduction to JQuery & Bootstrap JQuery − A fast, small, and feature-rich JavaScript library, JQuery makes things like HTML document ...
Read More