Bootstrap 4: Delete confirmation modal for list of items

Refer to 

• Bootstrap 4: Delete confirmation modal for list of items
  

Bootstrap: Align navbar's font with h1, h2, ..

Refer to here.

CSS code: 

h1,
.navbar-brand,
.navbar-nav a {
  font-family: 'Merriweather', serif;
}

check here to look which font you like: CSS Font stack

Bootstrap 4: Autohide navbar when scroll down

So my code was reference to: Stackoverflow

and its relative code: HERE

CSS: 

.navbar-tran {
    transition: top 1.0s ease;
}

.navbar-hide {
    top: -56px;
}

HTML:

<nav class="navbar navbar-tran navbar-expand-lg sticky-top navbar-dark bg-dark">
...

jQuery:

/* When the user scrolls down, hide the navbar. 
 * When the user scrolls up, show the navbar */
// document ready
(function ($) {
    
var previousScroll = 56;
    // scroll functions
    $(window).scroll(function(e) {                                                       
    
        // add/remove class to navbar when scrolling to hide/show
        var scroll = $(window).scrollTop();
        if (scroll >= previousScroll+100) {
            $('.navbar').addClass("navbar-hide");
            previousScroll = scroll;

        }else if (scroll+100 < previousScroll) {
            $('.navbar').removeClass("navbar-hide");
            previousScroll = scroll;
        }
    
    });
    
})(jQuery);

For navbar refer to here.

Bootstrap For Beginners - Part Two (Bootstrap Containers)