Display Flex Items Vertically and Reversed in Bootstrap 4

Amit Diwan
Updated on 17-Jun-2020 13:40:55

228 Views

Use the column-reverse class on various screen size to display flex item vertically and reversed.For example: On medium screen size, use md-column-reverse −The following is the difference between column and column reverse −The following is an example to display flex items vertically and reversed on different screen sizes −ExampleLive Demo       Bootstrap Example                             Example     Flex on different screen size (Column)           First       Second       Third         Flex on different screen size (Medium - Column Reverse)           First       Second       Third         Flex on different screen size (Large - Column Reverse)           First       Second       Third      

Bootstrap Hidden BS Tab Event

Amit Diwan
Updated on 17-Jun-2020 13:37:33

704 Views

The hidden.bs.tab event fires when the tab is completely hidden in Bootstrap.Firsty, show the modal using show method as in the following code snippet −$(“.nav-tabs a”).click(function(){   $(this).tab('show'); });The hidden.bs.tab event fires and an alert generates after the tab hides −$(‘.nav-tabs a’).on(‘hidden.bs.tab’, function() {   alert('Previous Tab is hidden now!'); });You can try to run the following code to implement the hidden.bs.tab event −ExampleLive Demo       Bootstrap Example                             Web Dev     ... Read More

Bootstrap 4 Flex Fill Class

Amit Diwan
Updated on 17-Jun-2020 13:32:47

382 Views

Use the flex-fill class to set the flex items to be equal width in Bootstrap 4.Set the flex item inside the set as flex −   Example 1   Example 2   Example 3   Example 4 The following is an example displaying the implementation of flex-fill class −ExampleLive Demo       Bootstrap Example                             With flex-fill              Example 1        Example 2        Example 3        Example 4            Without .flex-fill:              Example 1        Example 2        Example 3        Example 4          

Examples of Existing Networks

Arushi
Updated on 17-Jun-2020 13:27:40

650 Views

Some of the prominently used networks in today’s world are −InternetIEEE 802.11 for Wireless LANRFID and Sensor NetworksInternetInternet is a global collection of vast number of dissimilar networks that are interconnected together. Internet uses the TCP/IP protocol and provides varied services. The networks forming the Internet may be private, public, academic, commercial or government, but Internet as a whole is not controlled by any one organization. Internet uses a wide range of networking technologies which are being continually upgraded.The traditional services provided by the Internet were electronic mail, file sharing, and hyperlinked documents. The passage of time has been witnessing ... Read More

Basic Internet Usage

Paul Richard
Updated on 17-Jun-2020 13:25:34

1K+ Views

The Internet has become a very important part of our daily lives and has its applications in wide areas.Some of the areas in which Internet is used are −CommunicationsEducation and researchInstant messagingOnline business and shoppingOnline financial servicesFile and data sharingDeveloping collaborative softwareDesign and development of applications and computing environmentsContent managementEntertainmentSocial networkingStorage of dataOnline publishing and digital newspapersGovernance and politicsDiscussion forumsCharityAudio and video conferencingTelephony (VoIP)The Internet offers a number of services, as enlisted below −Communication services - e.g. electronic mail, telnet, telephony (VoIP), newsgroups, and instant messagingInformation retrieval services – e.g. FTP, and GopherWorld Wide Web (www) servicesRead More

Upload External File on a Website Using HTML Forms

radhakrishna
Updated on 17-Jun-2020 13:25:16

5K+ Views

If you want to allow a user to upload an external file to your website, you need to use a file upload box, also known as a file select box. This is also created using the element but type attribute is set to file.ExampleLive DemoYou can try to run the following code to upload an external file to your website −           File Upload                                   Here are the attributes of the file upload box −Sr.NoAttribute & ... Read More

Architecture of the Internet

Rishi Raj
Updated on 17-Jun-2020 13:24:14

38K+ Views

The architecture of the Internet is ever-changing due to continuous changes in the technologies as well as the nature of the service provided. The heterogeneity and vastness of the Internet make it difficult to describe every aspect of its architecture.The overall architecture can be described in three levels −Backbone ISP (Internet Service Provider)Regional ISPsClientsThe following diagram shows the three levels −Backbone ISP (Internet Service Provider) − Backbone ISPs are large international backbone networks. They are equipped with thousands of routers and store enormous amounts of information in data centers, connected through high bandwidth fiber optic links. Everyone needs to connect ... Read More

Align Element with the Lowest Element in Bootstrap 4

Amit Diwan
Updated on 17-Jun-2020 13:23:43

258 Views

Use align-bottom class in Bootstrap 4 to align an element with the lowest element on the line.Set the class as −Now add content −   Bottom Alignment You can try to run the following code to align an element with the lowest element on the line in Bootstrap 4 −ExampleLive Demo       Bootstrap Example                         Example   This is demo text   Demo Baseline   Top Alignment   Middle Alignment   Bottom Alignment

Good Sites for Java Interview Questions

Rishi Rathor
Updated on 17-Jun-2020 13:23:21

200 Views

There are many sites which are a good resource for java interview questions-answers. Following is the list of most popular websites.Tutorialspoint  - www.tutorialspoint.comStackOverflow - www.stackoverflow.comDZone - www.dzone.comWikipedia - www.wikipedia.orgIBM Developer Works - www.ibm.com/developerworks/java/TechGig - www.techgig.comGitHub - www.github.comJava documentation - docs.oracle.com/javase/Coursera - www.coursera.org/JavaWorld - www.javaworld.com/

Bootstrap Modal Hide Method

Amit Diwan
Updated on 17-Jun-2020 13:20:42

3K+ Views

The .modal(“hide”) method in Bootstrap hides the modal.Hide the Bootstrap modal on the click of a button −$("#button1").click(function(){   $("#newModal").modal("hide"); });The modal is shown using the modal(“show”) method −$("#newModal").modal("show");Let us see an example of the modal(‘hide”) method −ExampleLive Demo       Bootstrap Example                             #button1 {       width: 140px;       padding: 20px;       bottom: 150px;       z-index: 9999;       font-size:15px;       position: absolute;       ... Read More

Advertisements