Navbar in Bootstrap - English

Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Loaded: 0%
Progress: 0%
0:00
Fullscreen
00:00
Mute

1472 visits

  1. Instruction Sheet
  2. Installation Sheet
  3. Report Missing Component
  4. Post your Question on the Forum
Outline:
Navbar in Bootstrap

About various navbar components
Create a navigation in the navbar
Display a logo using navbar-brand class
Create components using navbar-nav class
About navbar-expand class 
Create an inline form for search
How to create a toggle button using the class .navbar-toggler
About collapse.navbar-collapse class
Display the navbar in horizontal row for laptop and desktop
Display the navbar in collapsed form for mobile and tablets
Width:956 Height:710
Duration:00:10:58 Size:5.4 MB

Show video info

Pre-requisite

Nav in Bootstrap

  Assignment

Code files

  • Navbar-Bootstrap-CodeFiles/
  • Navbar-Bootstrap-CodeFiles/Login.html
  • Navbar-Bootstrap-CodeFiles/Form.html
  • Navbar-Bootstrap-CodeFiles/Logo.png
  • Navbar-Bootstrap-CodeFiles/Mypage.html
  • Navbar-Bootstrap-CodeFiles/Mypage.txt

Script

Slides

  • Slides-Navbar-in-Bootstrap/
  • Slides-Navbar-in-Bootstrap/Navbar-in-Bootstrap.tex
  • Slides-Navbar-in-Bootstrap/spoken.png
  • Slides-Navbar-in-Bootstrap/Navbar-in-Bootstrap.pdf