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
Articles by Ricky Barnes
Page 3 of 9
Structure of a Client Server System
In client server computing, the clients requests a resource and the server provides that resource. A server may serve multiple clients at the same time while a client is in contact with only one server.The different structures for two tier and three tier are given as follows −Two - Tier Client/Server StructureThe two tier architecture primarily has two parts, a client tier and a server tier.The client tier sends a request to the server tier and the server tier responds with the desired information.An example of a two tier client/server structure is a web server. It returns the required web ...
Read MoreDDBMS Components\\n
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 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 −ExampleLive Demo Bootstrap Example ...
Read Moreborder-top-0 class in Bootstrap 4
Use the border-top-0 class in Bootstrap 4 to remove the top border.Set the border-top-0 class − Rectangle is missing the TOP border. Let us see an example to implement the border-top-0 class −ExampleLive Demo Bootstrap Example .mystyle { width: 350px; height: 170px; margin: 10px; } Heading Two Rectangle is missing the TOP border.
Read MoreSet orange border on an element in Bootstrap to indicate danger
To set orange border to an element, use the border-warning class − Danger (Orange border) Set the style for the element − .mystyle { width: 200px; height: 100px; margin: 10px; } Let us see an example to implement the border-warning class in Bootstrap −ExampleLive Demo Bootstrap Example .mystyle { width: 200px; height: 100px; margin: 10px; } The following are two Rectangles: Danger (Orange border)
Read MoreSet a white border to an element in Bootstrap
Use the border-white class in Bootstrap 4 to set white border to an element. This has white border The test class above styles the element as shown below − .test { width: 120px; height: 100px; margin: 10px; background: blue; } Let us see an example to implement the border-white class in Bootstrap −ExampleLive Demo Bootstrap Example .test { width: 120px; height: 100px; margin: 10px; background: blue; } Two Rectangles This has white border This has orange border
Read MoreBootstrap 4 Button .btn-outline-dark class
Use the .btn-outline-dark class in Bootstrap to set dark outline on a button.The following is an example of a button with dark outline −Set the above outline to the button, using the btn-outline-dark class as shown below − Submit You can try to run the following code to implement the btn-outline-dark class −ExampleLive Demo Bootstrap Example Bootstrap 4 Learning btn-outline-dark class usage: Submit
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 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 MoreBootstrap 4 .flex-grow-0|1 class
Use the .flex-grow-0|1 class in Bootstrap to allow a singly lex item to take up rest of the space in the flex.For example, the following takes rest of the space in the right −The above is set by adding flex-grow class for the last flex-item − P Q R Let us see the following example to implement flex-grow-0|1 class −ExampleLive Demo Bootstrap Example P Q R P Q R
Read More