Display Flex Items Vertically and Reversed in Bootstrap 4

Ricky Barnes
Updated on 16-Jun-2020 11:14:29

143 Views

The flex-column-reverse is used to display reversed flex items with vertical orientation. Add the flex-column-reverse class as in the following code snippet −After that, add flex items inside it −   Demo 1   Demo 2   Demo 3 You can try to run the following code to show flex items vertically and reversed −ExampleLive Demo       Bootstrap Example                             Implementing Column Reverse           Demo 1         Demo 2       Demo 3      

Switch Data from Array to ArrayList in Java

Samual Sam
Updated on 16-Jun-2020 11:14:27

329 Views

The Arrays class of the java.util package provides you a method named asList(). This method accepts an array (of objects) and converts them into a list and returns it.ExampleLive Demoimport java.util.Arrays; import java.util.List; public class ArrayToList {    public static void main(String args[]) {       Integer[] myArray = {23, 93, 56, 92, 39};       List list = Arrays.asList(myArray);       System.out.println(list);    } }Output[23, 93, 56, 92, 39]

Java Default Parameter Values for Methods

Sravani S
Updated on 16-Jun-2020 11:12:26

3K+ Views

Java does not support the concept of default parameter however, you can achieve this usingMethod overloadingUsing method overloading if you define method with no arguments along with parametrized methods. Then you can call a method with zero arguments.Variable argumentsIn Java methods parameters accept arguments with three dots. These are known as variable arguments. Once you use variable arguments as a parameter method, while calling you can pass as many number of arguments to this method (variable number of arguments) or, you can simply call this method without passing any arguments.ExampleLive Demopublic class Sample {    void demoMethod(String... args) {   ... Read More

Why Parentheses Are Used to Wrap a JavaScript Function Call

Rishi Rathor
Updated on 16-Jun-2020 11:12:24

5K+ Views

In JavaScript, the functions wrapped with parenthesis are called “Immediately Invoked Function Expressions" or "Self Executing Functions.The purpose of wrapping is to namespace and control the visibility of member functions. It wraps code inside a function scope and decrease clashing with other libraries. This is what we call Immediately Invoked Function Expression (IIFE) or Self Executing Anonymous Function.Here’s the syntax −(function() {    // code })();As you can see above, the following pair of parentheses converts the code inside the parentheses into an expression −function(){...}In addition, the next pair, i.e. the second pair of parentheses continues the operation. It calls ... Read More

Align Gathered Items from the Start in Different Screens in Bootstrap 4

Ricky Barnes
Updated on 16-Jun-2020 11:10:41

165 Views

To align gathered items from the start in different screens, use the .align-content-*-start class.Align the items as shown below in different screen sizes −Medium Screen Size   Work 1   Work 2   Work 3   Work 4   Work 5 Large Screen Size   Work 1   Work 2   Work 3   Work 4   Work 5 You can try to run the following code to implement the align-content-*start class for different screen sizes in the Bootstrap 4 −ExampleLive Demo       Bootstrap Example                 ... Read More

Set Positive Success Action with Green Outlined Bootstrap 4 Button

Ricky Barnes
Updated on 16-Jun-2020 11:06:38

181 Views

To set an outline on a button that indicates positive action, you need to use the btn-outline-success class in Bootstrap.Here is how you can set it:   More (Green Outline) You can try to run the following code to implement the btn-outline-success class −ExampleLive Demo       Bootstrap Example                         Python   The following are the Python Technologies :       Jython     WxPython     For more, click below:   More (Green Outline)

Difference Between decodeURIComponent and decodeURI

Vikyath Ram
Updated on 16-Jun-2020 11:03:12

486 Views

decodeURIComponentTo decode a URL component in JavaScript, use the decodeURLComponent() method.ExampleYou can try to run the following code to decode a URL component −           Check                      function display() {             var uri = "http://example.com/welcome msg.jsp?name=åmit&sub=programming";             // first encode             var encode = encodeURIComponent(uri);             var decode = decodeURIComponent(encode);             var result = "Encode= " + ... Read More

Difference Between Single and Double Quotes in JavaScript

Kumar Varma
Updated on 16-Jun-2020 11:02:43

251 Views

In JavaScript, use any of the single or double quotes for a string. However, you should be consistent in whatever you select. Single and double quotes are the same in JavaScript −"Let us say: \"Life's good!\"" 'Let us say: "Life\'s good!"' “Let us say: \"Life\'s good!\"" 'Let us say: \"Life\'s good!\"'Let’s see an example, which is supported by ES6 −`Will you be "my" friend. I really liked it when I was a kid,.`;

Align Gathered Items at the End in Bootstrap 4

Ricky Barnes
Updated on 16-Jun-2020 10:58:08

271 Views

Use .align-content-end class to align gathered items at the end in Bootstrap 4.To set the items at the end −

Hide Bootstrap Tooltip Event

Ricky Barnes
Updated on 16-Jun-2020 10:55:58

257 Views

The hide.bs.tooltip event in Bootstrap fires when the tooltip is about to be hidden.Click the hide button first −$(".btn-default").click(function(){   $("[data-toggle='tooltip']").tooltip('hide'); });On clicking above the hide.bs.tooltip event fires and an alert generates −$("[data-toggle='tooltip']").on('hide.bs.tooltip', function(){   alert('Tooltip will hide now.'); });You can try to run the following code to implement the hide.bs.tooltip event −ExampleLive Demo       Bootstrap Example                             Event     Here tooltip will be displayed using the "Show" buttpn and can be hidden ... Read More

Advertisements