- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Alex Onsman has Published 203 Articles
Alex Onsman
299 Views
To implement the flex items to be displayed as reversed, horizontal and right-aligned on different screen sizes, use the flex-*-row-reverse.Different screen sizes are for small, medium, large, and extra large screens. Let us see how to set reverse flex items for small screen − ONE TWO THREE ... Read More
Alex Onsman
86 Views
Use the .align-self-*-end class in Bootstrap 4 to align a flex item at the end on different screens in Bootstrap 4.For specific screen size, align the flex item like the below given code snippets −Small Screen Size Item 1 Item 2 Item 3 Item 4 Large ... Read More
Alex Onsman
863 Views
To allow wrapping of flex items on different screens, use the flex-*-wrap class. The flex-wrap for varied screen sizes work for small, medium, large and extra large screens.For example, use the flex-lg-wrap class to wrap flex items on large screen −For small screen −You can try to run the following ... Read More
Alex Onsman
2K+ Views
To hide the displayed popover, use the popover(“hide”) method.Use the method to hide the popover like this −$(".btn-primary").click(function(){ $("[data-toggle='popover']").popover('hide'); });You can try to run the following code to implement the popover(“hide”) method −ExampleLive Demo Bootstrap Example ... Read More
Alex Onsman
324 Views
The hidden.bs.popover event fires when the popover is completely hidden.Fire the popover event −$("[data-toggle='popover']").on(hidden.bs.popover', function(){ alert('The Popover is now hidden!'); });You can try to run the following code to implement the hidden.bs.popover event −ExampleLive Demo Bootstrap Example ... Read More
Alex Onsman
783 Views
The shown.bs.event fires when the tab is completely displayed. After that the alert generates as shown below −$('.nav-tabs a').on('shown.bs.tab', function(){ alert('New tab is now visible!'); });The tabs are displayed using the show() method −$(".nav-tabs a").click(function(){ $(this).tab('show'); });You can try to run the following code to implement the shown.bs.tab ... Read More
Alex Onsman
270 Views
The modal(“show”) method opens a Bootstrap modal as shown below −$("#newModal").modal("show");When the following button is clicked, the modal is displayed − Click to hide Let us see an example of modal(“show”) method to open a Bootstrap Modal −ExampleLive Demo Bootstrap Example ... Read More
Alex Onsman
733 Views
Use the tooltip(“options”) method in Bootstrap to activate the tooltip.On keeping the cursor on the below button the tooltip is visible − Keep cursor The following is the script that generates the tooltip using the tooltip(options) class −$(document).ready(function(){ $('.btn-default').tooltip({title: "demo", placement: "top"}); });You can try to run the ... Read More
Alex Onsman
200 Views
Use the border-left-0 class to remove the left border of an element.Remove the left border of a using the class inside the − Removing left border The “one” class is also set in the class to style it − .one { width: 220px; height: 220px; ... Read More
Alex Onsman
582 Views
Use the card-img-top class in Bootstrap to set the image at the top inside a card −After that add the card and card body − Swift 4 Learn Swift 4 Begin You can try to run the following code to implement the card-img-top class in Bootstrap 4 ... Read More
To Continue Learning Please Login
Login with Google