Farhad Rahmani farhadrahmanii

bootstrap 4 navbar

With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class, followed by a responsive collapsing class: .navbar-expand-xl. ... sm (stacks the navbar vertically on extra large, large, medium or small screens).

A Pen by Rajesh on CodePen.

License.

	<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 750 500" preserveAspectRatio="xMidYMax slice">
	<defs>
	<!-- Scene 1 Gradient -->
	<linearGradient id="grad1" x1="-154.32" y1="263.27" x2="-154.32" y2="374.3"
	gradientTransform="matrix(-1, 0, 0, 1.36, 231.36, -100.14)" gradientUnits="userSpaceOnUse">
	<stop offset="0.07" stop-color="#9c536b" />
	<stop offset="0.98" stop-color="#d98981" />
	</linearGradient>
	<radialGradient id="bg_grad" cx="375" cy="-35" r="318.69" gradientUnits="userSpaceOnUse">
	<stop offset="0.1" stop-color="#F5C54E" id="sun" />

	<div>
	<svg id="design" viewBox="0 0 300 200">
	<path class="motion" d="
	M 0, 0
	C 0, 0 99, 1 99, 89
	L 99,111
	C 99,130 75,112 99,112
	C103,112 100,112 106,112
	C121,112 121, 89 105, 89
	C 88, 89 102, 89 99, 89

	<html>

	<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	<div id="navbarContainer">
	<div id="navbar">