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 by Amit Diwan
Page 7 of 8
Bootstrap 4 .d-block class
Use the .d-block class in Bootstrap to create block element.The d-block class is set as shown in the below code snippet − block You can try to run the following code to implement the d-block class −Example Bootstrap Example Creating Blocks Resize the browser to check the effect. block block on small screen
Read MoreWrap flex items in reversed order in Bootstrap
To wrap flex items in reverse order, you need to use the flex-wrap-reverse class in Bootstrap.To wrap reverse flex items, use the flex-wrap-reverse class −Now add the flex items accordingly − Rank 1 Rank 2 Rank 3 Rank 4 Let us see an example to implement the flex-wrap-reverse class −Example Bootstrap Example Wrap Flex Wrap Rank 1 Rank 2 Rank 3 Rank 4 Rank 5 Rank 6 Rank 7 Rank 8 Rank 9 Rank 10 Rank 11 Rank 12 Rank 13 Rank 14 Rank 15 Rank 16 Rank 17 Rank 18 Rank 19 Rank 20 Flex Wrap - Reverse Rank 1 Rank 2 Rank 3 Rank 4 Rank 5 Rank 6 Rank 7 Rank 8 Rank 9 Rank 10 Rank 11 Rank 12 Rank 13 Rank 14 Rank 15 Rank 16 Rank 17 Rank 18 Rank 19 Rank 20
Read MoreShow flex items right aligned and horizontally in Bootstrap 4 on a specific screen size
To show flex items on the right, horizontal on specific screen sizes, use the flex-*-row-reverse class in Bootstrap 4.Let us see how to set reverese flex items on different screen sizes −Small Screen Size: flex-sm-row-reverse Medium Screen Size: flex-md-row-reverse Large Screen Size: flex-lg-row-reverseYou can try to run the following code to display reverse flex items on different screen sizes −Example Bootstrap Example Flex Row ONE TWO THREE Flex Row Reverse ONE TWO THREE Flex Row Reverse (Small Width) ONE TWO THREE Flex Row Reverse (Medium Width) ONE TWO THREE Flex Row Reverse (Large Width) ONE TWO THREE
Read MoreBootstrap 4 .flex-*-fill class implementation
Use the flex-*-fill class to set the flex items to have equal width on different screens as shown in the below code snippet −For Small Width Screen A B C For Medium Width Screen A B C The following is an example to implement the flex-*fill class −Exmaple Bootstrap Example Flex (Small Width) A B C Flex (Medium Width) A B C Flex (Large Width) A B C
Read MoreAlign flex items in the start on different screen sizes in Bootstrap
To align flex items on small, medium, large and extra large screen size, use the justify-content-*-start class.Let us see first for small screen size − Interface Packages Multithreading In the same way, implement it for medium, large and extra large screen size like the following −justify-content-md-start: Medium Screen size justify-content-lg-start: Large Screen size justify-content-xl-start: Extra Large Screen SizeYou can try to run the following code to align flex items in the start on different screen sizes −Example Bootstrap Example Java Topics Interface Packages Multithreading Interface Packages Multithreading Interface Packages Multithreading
Read MoreAdd top rounded corners to an element in Bootstrap 4
To add top rounded corners to an element, use the rounded-top class in Bootstrap 4.I have taken div as the element −Let us learn how to add top rounded corners to an element −Example Bootstrap Example .new { width: 80px; height: 80px; background-color: #EE6D1E; margin: 20px; } Rounded Corner We have a rectangle with top rounded corner:
Read MoreSet a border to an element in Bootstrap to indicate information
To set a border indicating information, use the border-info class.To implement it − Information Let us see an example to implement the border-info class −Example Bootstrap Example .one { width: 200px; height: 240px; margin: 40px; } Rectangle with a border indicating information: Information
Read MoreRemove borders from an element in Bootstrap
Use the border-0 class in Bootstrap 4 to remove all borders from an element in Bootstrap 4 − no border Above, we have the div class to no-border class and this allow us to remove the borders from the element.Let us see an example to implement the border-0 class in Bootstrap −Example Bootstrap Example .mystyle { width: 120px; height: 100px; margin: 10px; background: maroon; } Rectangle no border
Read MoreTypes of dependencies in DBMS
Dependencies in DBMS is a relation between two or more attributes. It has the following types in DBMS −Functional DependencyFully-Functional DependencyTransitive DependencyMultivalued DependencyPartial DependencyLet us start with Functional Dependency −Functional DependencyIf the information stored in a table can uniquely determine another information in the same table, then it is called Functional Dependency. Consider it as an association between two attributes of the same relation.If P functionally determines Q, thenP -> QLet us see an example −EmpIDEmpNameEmpAgeE01Amit28E02Rohit31In the above table, EmpName is functionally dependent on EmpID because EmpName can take only one value for the given value of EmpID:EmpID -> EmpNameThe same is displayed ...
Read MoreHow to run JavaTuples program in Eclipse?
Tuples in Java are an ordered collection of objects of different types. To run Tuple in Java, you need to upload an external jar file. Here, we will be using Eclipse IDE to create a new Java Project and upload the JavaTuples external jar file. The JavaTuples jar file is to be downloaded. Let us first download the jar file, create an Eclipse project and import the downloaded jar file. Here are the steps − Step 1 − Download JavaTuples Jar library and save it on your system. Open the GitHib link github.com/javatuples/javatuples/downloads and download the “javatuples-1.2-dist.zip” as shown below ...
Read More