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
Articles on Trending Technologies
Technical articles with clear explanations and examples
Create a large button group with Bootstrap
To create a large button group in Bootstrap, use the .btn-group-lg class.You can try to run the following code to form a large button group −Example Bootstrap Example The following are the car brands: BMW Audi Jeep Datsun Toyota The following are FMCG: ITC Limited Colgate-Palmolive Nestle Britannia Industries Limited
Read MoreSleeping for a while in Java
You can sleep for any period of time from one millisecond up to the lifetime of your computer. For example, the following program would sleep for 3 seconds −Exampleimport java.util.*; public class SleepDemo { public static void main(String args[]) { try { System.out.println(new Date( ) + ""); Thread.sleep(5*60*10); System.out.println(new Date( ) + ""); } catch (Exception e) { System.out.println("Got an exception!"); } } }This will produce the following result −OutputSun May 03 18:04:41 GMT 2009 Sun May 03 18:04:51 GMT 2009
Read MoreBootstrap Inline Form
To create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tag.You can try to run the following code to create an inline form in Bootstrap −Example Bootstrap Example Full Name File input Check me out Submit
Read MoreAdd a yellow background color to an element to set warning action with Bootstrap
To set warning action to a button in Bootstrap, use the .btn-warning button. You can try to run the following code to implement btn-warning buttonExample Bootstrap Example Click below if you want to know the warning message: Warning
Read MoreBootstrap 4 .flex-column-reverse class implementation
Reverse the order of flex items using the flex-column-reverse class in Bootstrap 4.Set the flex-column-reverse class as shown below −Add the flex items to include in your Bootstrap 4 − Demo 1 Demo 2 Demo 3 The following is an example to implement the flex-column-reverse class −Example Bootstrap Example Implementing Column Reverse Demo 1 Demo 2 Demo 3
Read MoreBootstrap table-hover class
Using the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.You can try to run the following code to implement the table-hover class −Example Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
Read MoreBootstrap 4 .justify-content-*-around class
Use the justify-content-*-around class in Bootstrap to align flex items around on different screen sizes −justify-content-sm-around : Justify content on small screen size justify-content-md-around : Justify content on medium screen size justify-content-lg-around : Justify content on large screen sizeFor an example, let us see how to align flex items for medium screen device (justify-content-md-around) − RANK 1 RANK 2 RANK 3 You can try to run the following code to implement the justify-content-* −Example Bootstrap Example RANK 1 RANK 2 RANK 3 RANK 1 RANK 2 RANK 3 RANK 1 RANK 2 RANK 3 RANK 1 RANK 2 RANK 3
Read MoreBootstrap warning Contextual class
The Bootstrap warning contextual class indicates a warning action.You can try to run the following code to implement the .warning classExample Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin
Read MoreAdd a caption text inside a thumbnail class
To add a caption text in a thumbnail class, use the .caption class with the .thumbnail class in Bootstrap.The .thumbnail class is used to add thumbnail to an image −Example Bootstrap Example Data science is the process of deriving knowledge and insights from a huge and diverse set of data through organizing, processing and analysing the data.
Read MoreAlign flex items around on different screen sizes in Bootstrap
To align flex items around on different screen sizes, use the justify-content-*-around class.You can achieve the following result that justifies content on small and medium screen sizes −To implement the justify-content-*-around class in Bootstrap −Example Bootstrap Example Default ANS 1 ANS 2 ANS 3 Small Screen Size ANS 1 ANS 2 ANS 3 Medium Screen Size ANS 1 ANS 2 ANS 3 Large Screen Size ANS 1 ANS 2 ANS 3
Read More