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 Ricky Barnes
Page 8 of 9
Bootstrap 4 Button .btn-outline-primary class
The btn-outline-primary class is used in Bootstrap 4 to set blue outlined button.Add blue outline to the button using the btn-outline-primary class as shown in the following code snippet − Result You can try to run the following code to implement the btn-outline-primary class −Example Bootstrap Example Result Click below to get the result: Result
Read MoreStretch single rows of items in Bootstrap 4
Use the .align-items-stretch class to stretch single rows of items in Bootstrap 4.To stretch single rows of items −
Read MoreAvoid wrapping flex-items in Bootstrap on different screens
You can wrap the flex items on difference screen sizes, using the flex-*-nowrap class. As shown below, wrapping is avoided here −The above avoids wrapping of flex item on small and large screen size using the following code snippet −Flex items won't wrap (small screen size) Ques 1 Ques 2 Ques 3 Ques 4 Ques 5 Ques 6 Ques 7 Ques 8 Ques 9 Ques 10 Ques 11 Ques 12 Ques 13 Ques 14 Flex items won't wrap (large screen size) ...
Read MoreDisplay flex items vertically and reversed in Bootstrap 4
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 −Example Bootstrap Example Implementing Column Reverse Demo 1 Demo 2 Demo 3
Read MoreBootstrap 4 .flex-*-column-reverse class
Use the flex-*-column-reverse class to display flex items vertically and reversed on different screen sizes.Here’s the example of reversing flex items on medium device using “flex-md-column-reverse” class − One Two Three In the same way, set for large devices using “flex-lg-column-reverse” class − One Two Three Implementing the .flex-*-column-reverse class −Example Bootstrap Example Example Change the browser size to see the effect: Default One Two Three Flex on differet screen size (Medium-Reverse) One Two Three Flex on different screen size (Large-Reverse) One Two Three
Read MoreSet a grey border to an element in Bootstrap 4
Set a grey border to an element, using the border-secondary class in Bootstrap 4.Add it like the following example − I have also included the “mystyle” class to style the div − .mystyle { width: 250px; height: 150px; margin: 10px; } Let us see an example to implement the border-secondary class −Example Bootstrap Example .mystyle { width: 250px; height: 150px; margin: 10px; } Shape Rectangle with gray border
Read MoreBootstrap 4 .flex-*-column class
Use the .flex-*- column class in Bootstrap to show flex items vertically on different screen sizes:Set it vertically on small, medium, large, etc screen size. Let us see it on small and medium screen size:Small Screen SizeFlex on different screen size (Small) One Two Three Medium Screen SizeFlex on different screen size (Medium) One Two Three The following is an example implementing what I have shown above the usage of flex-*-column −Example Bootstrap Example ...
Read MoreDDBMS Components
The contents of a distributed database are spread across multiple locations. That means the contents may be stored in different systems that are located in the same place or geographically far away. However, the database still appears uniform to the users i.e the fact that the database is stored at multiple locations is transparent to the users.The different components of a distributed database are −Let us now discuss them one by one −UsersThere are many users who use the distributed database. For them, the fact that the database is spread across multiple locations is transparent and they perceive the database ...
Read MoreHow to trim a string using $.trim() in jQuery?
To trim a string in jQuery, use the trim() method. It removes the spaces from starting and end of the string. The sample string I am using has spaces − var myStr = " Hello World "; Use the trim() method, jQuery.trim(myStr); The following is an example to trim a string in jQuery − Example $(document).ready(function(){ $("#button1").click(function(){ var myStr = " Hello World "; myStr = jQuery.trim(myStr); alert(myStr); }); }); Trim
Read MoreIdentifying Entity Relationships in DBMS
Identifying entity relationships in DBMS is used to identify a relationship between strong and weak entity.Before beginning, let us take an example of Professor entity, which is our Strong Entity, with Professor_ID as a Primary Key −Professor_IDProfessor_NameProfessor_CityProfessor_SalaryThe weak entity is Professor_Dependents entity:NameDOBRelationNow, let us continue, Weak EntityWeak Entity is dependent on Strong Entity and does not have a primary key. Weak Entity has a partial key. It is represented as double rectangle −Strong EntityOther entities are dependent on Strong Entity and it has a key attribute i.e. a primary key and represented as a single rectangle.Identifying RelationshipsIt links the strong and weak entity ...
Read More