fork-commit-merge / fork-commit-merge

Fork, Commit, Merge. A project designed to help you familiarize yourself with the open source contribution workflow on GitHub!

Home Page:https://forkcommitmerge.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fork, Commit, Merge - Easy Issue (Bootstrap CSS)

nikohoffren opened this issue · comments

Fork, Commit, Merge - Easy Issue (Bootstrap CSS)

Create a Simple Navigation Bar

Note: You don't have ask permission to start solving the issue or get assigned, since these issues are supposed to be always open for new contributors. The actions-user bot will reset the file back to previous state for the next contributor after your commit is merged. So you can just simply start working with the issue right away!

Navigate to the tasks/bootstrap/easy directory from the root of the project.
Then open the navbar.html file to start working with the solution.


For this task, you'll be adding classes to a navigation bar using Bootstrap's Navbar component.
The navigation bar is already created to the navbar.html file, so your task is to add all the missing Bootstrap classes to make the Navbar look nice.
Use Bootstrap's built-in classes to style the navigation bar.

Acceptance Criteria:

  • When viewed on a large screen, all navigation links should be visible in a row.
  • Logo-link should be on the left side of the screen and all the other links on the right side.
  • There is no need to add actual logo, it can just be the default text.

If you are using VS Code and have for example Live Server extension, you can simply open navbar.html with the server and check how the card looks. After the card is done, you are ready to make a pull request!
If you do not have Live Server extension, you'll find information about installing and how to use it here.

Check out README.md for more instructions and how to make a pull request.

Feel free to ask any questions here if you have some problems!

Also, kindly give this project a star to enhance its visibility for new developers!