Fix Responsive Navbar

I'm building a bootstrap4 nav-bar that is responsive to different platforms/devices. The nav-bar is not responsive to mobile screen-size. Below is the Template

I'm building a bootstrap4 nav-bar that is responsive to different platforms/devices. The nav-bar is not responsive to mobile screen-size. Below is the Template

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1                /jquery.min.js"></script>
<title>World Visuo</title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<body>

<!-- navbar starts here -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" aria-controls="myNavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<a class="navbar-brand" href="#">World Visuo</a>

<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right" >
<li class="active"><a href="#">Community</a></li>
<li class="popup1_open"><a href="#">Sign Up</a></li>
<li class="popup2_open"><a href="#">Login</a></li>
</ul>
</div>

</div>

</nav>

<!-- section 1 starts here-->
<div class="container-fluid"></div><!-- section 1 ends -->

<!-- Latest compiled JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"> </script>
</body>
</html>

i expect the "Community,sign Up,Login" to be toggled by the button but only hides the content but doesn't open. What am i doing wrong ?

Build a Register & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

Build a Register & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

In this tutorial you will learn and build a Responsive PHP Registration & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

Welcome to this video on Responsive PHP User Login and Registration Form with PHP and MySQL From Scratch. In this course you will Learn and build a Responsive PHP Registration & Login Form using PHP, HTML, CSS, Bootstrap and MySQL. After watching this course you will be able to Create your own registration form connected to the MySQL database. In this course will explain step by step from scratch how to build a login system that you can customize it. The course covers all the aspects of HTML, CSS, JavaScript, PHP, MySQL along with Bootstrap Framework to create a real-time registration form. Making a Super Simple Registration System With PHP and MySQL will be easy ans step by step process.

All Code of this video can be found here: https://github.com/pknowledge/useraccounts
https://github.com/pknowledge/userlogin

Learn Bootstrap by creating a custom admin theme

Learn Bootstrap by creating a custom admin theme

Learn the Bootstrap CSS framework with this full tutorial. In this intermediate course, you will learn Bootstrap by creating a custom bootstrap theme from scratch using webpack. We'll be making an admin theme.

First, we'll set up npm and webpack so we can configure Bootstrap's source files that are written in SASS. Next, we'll cover the basics of Bootstrap and create some basic Bootstrap templates that are common in admin forms. Finally, we'll customize the theme by writing custom styling and overwriting some of the Bootstrap JavaScript

💻 Code: https://github.com/wilsmex/hq-admin

⭐️ Course Contents ⭐️
Part 1
⌨️ (2:03) Initialize git
⌨️ (2:15) initialize npm
⌨️ (5:06) initialize web pack
⌨️ (6:58) initialize font awesome
⌨️ (7:44) web pack config file
⌨️ (9:04) initialize bootstrap sass and associated required files
⌨️ (15:10) set up project src directory and structure
⌨️ (22:40) configure webpack.config.js
⌨️ (39:00) set up index.html file
⌨️ (52:40) setup our Sass files and import Bootstrap Sass files

Part 2
⌨️ (1:04:35) Bootstrap grid basics
⌨️ (1:11:40) Bootstrap form basics
⌨️ (1:25:00) Bootstrap table basics
⌨️ (1:31:03) Bootstrap card basics
⌨️ (1:38:35) Bootstrap buttons, alerts, dialogs

Part 3
⌨️ (1:41:55) setup our App HTML structure
⌨️ (1:55:32) CSS for navigation header
⌨️ (2:09:00) CSS for sidebar
⌨️ (2:20:08) Override bootstrap defaults
⌨️ (2:26:25) Add responsiveness and sidebar auto-hide
⌨️ (2:39:16) Add mobile toggle via CSS
⌨️ (2:43:48) Add mobile toggle javascript