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
Set the width of an element to 25% in Bootstrap
To set the width of an element to 25%, use the .w-25 class in Bootstrap.You can try to run the following code to set element’s widthExample Bootstrap Example Set element width Normal width Width is 50% Width is 25%
Read MoreBootstrap 4 Button .btn-outline-secondary class
Use the btn-outline-seondary class to set a grey outline in Bootstrap 4 to show less important information.The following is the code to set Bootstrap button to add grey outline − More Let us see how to implement the btn-outline-secondary class −Example Bootstrap Example Tools The following are the tools: Online Compiler Image Editor Image Optimizer Whiteboard For more tools, click below: More
Read MoreCreate a green color alert box that indicates a positive action in Bootstrap
To create a green color alert box indicating a positive action, use the alert-success class.To implement an alert-success class, you need to try to run the following code −Example Bootstrap Example Indicates a positive action!
Read MoreBootstrap 4 .card-subtitle class
Use the card-subtitle class to set subtitle for the card.The card-subtitle class is used as shown below −SportsHere, I have set the subtitle as “Indoor” for an example. The subtitle class comes after the card-title Bootstrap class − Sports Indoor Squash, Dart, Chess Let us see the example to work with card-subtitle class in Bootstrap 4 −Example Bootstrap Example Indoor and Outdoor Sports Sports Indoor Squash, Dart, Chess Sports Outdoor Cricket, Football, Hockey
Read MoreSet negative action to the Bootstrap 4 card
To set negative action on a Bootstrap card, use the bg-warning class with the card class as shown in the below example − Over 20 students failed the final-year exam. Let us see an example to set negative action to a card in Bootstrap 4 −Example Bootstrap Example Result Over 20 students failed the final-year exam.
Read MoreDifference between super() and this() in Java
Following are the notable differences between super() and this() methods in Java. super()this()Definitionsuper() - refers immediate parent class instance.this() - refers current class instance.InvokeCan be used to invoke immediate parent class method.Can be used to invoke current class method.Constructorsuper() acts as immediate parent class constructor and should be first line in child class constructor.this() acts as current class constructor and can be used in parametrized constructors.OverrideWhen invoking a superclass version of an overridden method the super keyword is used.When invoking a current version of an overridden method the this keyword is used.Exampleclass Animal { String name; Animal(String name) { ...
Read MoreCreate a circular badge with Bootstrap
Use the .badge class in Bootstrap to create a circular badge with Bootstrap.You can try to run the following code to implement .badge class −Example Bootstrap Example Blog Posts Tech 95 Entertainment 30 Research 9 Viral 20 Sport 105
Read MoreBootstrap 4 .justify-content-* class
To align flex items, use the justify-content-* class.Use any of the following to align flex items at the start, end, around, and between.justify-content-start – Align Flex items at the start justify-content-end - Align Flex items at the end justify-content-around – Align flex items around on different screen sizes justify-content-between - Alex flex items in between on difference screen sizesLet us see an example to set the flex items at the start − RANK 1 RANK 2 RANK3 The following is the example to implement the justify-content-* class −Example Bootstrap Example RANK 1 RANK 2 RANK3 RANK 1 RANK 2 RANK 3 RANK 1 RANK 2 RANK 3
Read MoreAdd a hover effect inside the Bootstrap 4 card
To add a hover effect, use the card-link class in Bootstrap.The following are the links using the card-link class −XAMPP (MySQL + PHP + Apache) WordPressAll of the above code is used inside the card-body class − WordPress Installation To work with WordPress, you need the following XAMPP (MySQL + PHP + Apache) WordPress You can try to run the following code to add a hover effect inside Bootstrap 4 card −Example Bootstrap Example Requirement - WordPress WordPress Installation To work with WordPress, you need the following XAMPP (MySQL + PHP + Apache) WordPress
Read MoreAdd a red background color to an element to set danger action with Bootstrap
Use the .btn-danger class to set danger action for a button i.e. red background color to an element.You can try to run the following code to implement danger action −Example Bootstrap Example Categories Tech 95 Entertainment 30 Research 9 Viral 20 Sport 105 Do not click below: Danger
Read More