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
Bootstrap form structure
To create a form in Bootstrap,Add a role form to the parent element.Wrap labels and controls in a with class .form-group. This is needed for optimum spacing.Add a class of .form-control to all textual , , and elements.You can try to run the following code to create a form −Example Bootstrap Forms Full Name Subject File input Example block-level help text here. Notification about our products Submit
Read MoreAdd a green background color to an element to set positive action with Bootstrap
Use the .btn-success class in Bootstrap to set a positive action to an element. You can try to run the following code to implement the .btn-success class −Example Bootstrap Example The following are FMCG companies: ITC Limited Nestle Britannia Industries Limited Click below if the above list is correct: Success
Read MoreIndicate a successful action to a particular table row or cell with Bootstrap
To indicate a successful action to a particular table row or cell with Bootstrap, use the .success class. You can try to run the following code to implement the .success class −Example Bootstrap Table Subject Marks Type C 65 Programming Language PHP 92 Scripting Language jQuery 80 JavaScript Library
Read MoreCreate 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 More