David Meador has Published 171 Articles

Data Warehousing and Data Mining

David Meador

David Meador

Updated on 19-Jun-2020 10:51:23

7K+ Views

Data WarehousingData warehousing is a collection of tools and techniques using which more knowledge can be driven out from a large amount of data. This helps with the decision-making process and improving information resources. Data warehouse is basically a database of unique data structures that allows relatively quick and easy performance ... Read More

Bootstrap 4 .d-flex class implementation

David Meador

David Meador

Updated on 18-Jun-2020 14:37:41

191 Views

Use the d-flex class in Bootstrap to create a flexbox container.Here, I have set two flex items −     One   Two You can try to run the following code to implement the .d-flex class −ExampleLive Demo       Bootstrap Example                             Understanding Flex             One       Two      

Bootstrap 4 .card-group class

David Meador

David Meador

Updated on 18-Jun-2020 14:35:59

318 Views

Use the card-group class to create a group of cards in Bootstrap 4 −                         Let us create a group of cards like a grid in Bootstrap −ExampleLive Demo       Bootstrap Example                             Group of Messages                             Argentina won convincingly!                                       Demo Text!                                       Do not cross!                                       I did it!                                       It worked!                    

Bootstrap .modal("toggle") method

David Meador

David Meador

Updated on 18-Jun-2020 14:33:59

2K+ Views

Use the .modal(“toggle”) method in Bootstrap to toggle the modal.As shown below, the modal generates on the click of a button −$(document).ready(function(){   $("#button1").click(function(){     $("#newModal").modal("toggle");   }); });Here is the button used above −   Modal One You can try to run the following code to implement the ... Read More

Container to create a grid of Bootstrap 4 cards like a group

David Meador

David Meador

Updated on 18-Jun-2020 14:31:59

263 Views

To set a container for Bootstrap card and set it like a group, use the card-group class.Use it and create a grid like the following with two Bootstrap cards −             Demo Text!                   ... Read More

Bootstrap 4 .border-light class

David Meador

David Meador

Updated on 18-Jun-2020 12:17:03

189 Views

Use the border-light class in Bootstrap 4, to set a light gray border to an element as shown below   light border Style for the demo class is for the element −.demo {   width: 150px;   height: 220px;   margin: 15px; }Learn how to work with the border-light class ... Read More

Bootstrap .modal("show") method

David Meador

David Meador

Updated on 18-Jun-2020 12:09:37

4K+ Views

The modal(“show”) method opens a modal like below −The modal is displayed using the modal(“show”) method as shown below −$("#newModal").modal("show");Let us see an example of modal(“show”) method −ExampleLive Demo       Bootstrap Example                     ... Read More

Create a grid of cards using Bootstrap 4 .card-deck class

David Meador

David Meador

Updated on 18-Jun-2020 08:58:09

530 Views

Use the card-deck class in Bootstrap to form a grid of cards with equal width and height.Set the cards inside the following div −   Let us set the grid of cards now in the card-deck class −           Nothing new!   ... Read More

Bootstrap hidden.bs.tooltip event

David Meador

David Meador

Updated on 18-Jun-2020 08:56:19

154 Views

The hidden.bs.tooltip event in Bootstrap fires when the tooltip is hidden −$("[data-toggle='tooltip']").on('hidden.bs.tooltip', function(){   alert('Tooltip is completely hidden now.'); });The data-toggle attribute is set before as shown below −   Timings You can try to run the following code to implement the hidden.bs.tooltip event −ExampleLive Demo     ... Read More

Bootstrap 4 .card-body class

David Meador

David Meador

Updated on 18-Jun-2020 08:54:24

300 Views

To set the container for the Bootstrap card, you need to use the card-body class. It allows you to add contentThe following is the card-body class −   Body of the card And set the above inside the card class as shown in the following code snippet −   Body ... Read More

Previous 1 ... 3 4 5 6 7 ... 18 Next
Advertisements