Skip to content

Instantly share code, notes, and snippets.

@dipaish

dipaish/ex6BootStrap.md

Last active January 16, 2024 09:06
Show Gist options
  • Save dipaish/f5ddc2e5d774146ade788b127aaedfdc to your computer and use it in GitHub Desktop.
Save dipaish/f5ddc2e5d774146ade788b127aaedfdc to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap - Exercise 6
Raw
ex6BootStrap.md

Exercise 6: Styling Webpage Elements with Bootstrap

In this task, you will utilize Bootstrap to enhance certain elements in your previously done exercises such as a top navigation bar, a table layout and a form.

Task 1: Top Navigation Bar

  1. Implement a responsive top navigation bar using Bootstrap's Navbar component.
  2. Include all exercises link to the top navigation bar (e.g., Home, Exercise1, Exercise2....)
  3. Apply some custom css to the navigation bar.

Open the exercise5.html file and include the following tasks into the existing content of the file.

Task 2: Table layout.

  1. Create a table using Bootstrap's Table component.
  2. Include headers and at least five rows of sample data in the table.
  3. Apply some custom css to the table.

Task 3: Form Layout:

  1. Design a simple form using Bootstrap's Form component.
  2. Include fields such as name, email, and a submit button.
  3. Apply some custom css to the form.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment