https://github.com/mdbootstrap/bootstrap-logo
Responsive Logo built with Bootstrap 5. Navbar with logo, logo centered in Navbar, logo above the navbar, logo carousel & more.
https://github.com/mdbootstrap/bootstrap-logo
bootstrap bootstrap5 bootstrap5-template logo navbar responsive responsive-design template
Last synced: 3 months ago
JSON representation
Responsive Logo built with Bootstrap 5. Navbar with logo, logo centered in Navbar, logo above the navbar, logo carousel & more.
- Host: GitHub
- URL: https://github.com/mdbootstrap/bootstrap-logo
- Owner: mdbootstrap
- License: mit
- Created: 2022-06-13T13:46:50.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-15T12:57:18.000Z (over 3 years ago)
- Last Synced: 2024-04-26T13:21:35.859Z (about 2 years ago)
- Topics: bootstrap, bootstrap5, bootstrap5-template, logo, navbar, responsive, responsive-design, template
- Language: SCSS
- Homepage: https://mdbootstrap.com/docs/standard/extended/logo/
- Size: 942 KB
- Stars: 1
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Responsive Logo built with Bootstrap 5. Navbar with logo, logo centered in Navbar, logo above the navbar, logo carousel & more.
Check out [Bootstrap Logo Documentation](https://mdbootstrap.com/docs/standard/extended/logo/) for detailed instructions & even more examples.
## Navbar Logo
Basic examples of Navbar Logo with the use of `.navbar-brand wrapper`. Learn more about the supported Navbar content in the [main documentation](https://mdbootstrap.com/docs/standard/navigation/navbar/#subsection-brand)
```html
```
```html
```
```html
```
## Centered Logo Example
Click on the image below to view an example of a centered logo in a navbar. In this case, this is a double navbar, but you can also use with a single navbar.
[Bootstrap Logo:
](https://mdbootstrap.com/snippets/standard/mdbootstrap/2949023?view=side)
## Logo Above Navbar
Sometimes it makes sense to put your logo above the navbar. Keep in mind that it makes the navigation bar take more vertical space.
[Bootstrap Logo:
](https://mdbootstrap.com/snippets/standard/mdbootstrap/2949664?view=side)
## How to use?
1. Download MDB 5 - free UI KIT
2. Choose your favourite customized component and click on the image
3. Copy & paste the code into your MDB project
[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)
___
## More extended Bootstrap documentation
- Bootstrap Address Form
- Bootstrap Avatar
- Bootstrap Back To Top Button
- Bootstrap Carousel Slider with Thumbnails
- Bootstrap Chat
- Bootstrap Code Blocks
- Bootstrap Comments
- Bootstrap Comparison Table
- Bootstrap Credit Card Form
- Bootstrap Drawer
- Bootstrap Nested Dropdown
- Bootstrap FAQ component / section
- Bootstrap Gallery
- Bootstrap Hamburger Menu
- Bootstrap Invoice
- Bootstrap Jumbotron
- Bootstrap Login Form
- Bootstrap Maps
- Bootstrap Media Object
- Bootstrap Mega Menu
- Bootstrap Multiselect
- Bootstrap News Feed
- Bootstrap Offcanvas
- Bootstrap Order Details
- Bootstrap Page Transitions
- Bootstrap Payment Forms
- Bootstrap Product Cards
- Bootstrap Profiles
- Bootstrap Quotes
- Bootstrap Registration Form
- Bootstrap Expanding Search Bar
- Bootstrap Shopping Carts
- Bootstrap Side Navbar
- Bootstrap Sidebar
- Bootstrap Social Media Icons & Buttons
- Bootstrap Square Buttons
- Bootstrap Survey Form
- Bootstrap Testimonial Slider
- Bootstrap Testimonials
- Bootstrap Textarea
- Bootstrap Timeline
- Bootstrap To Do List
- Bootstrap Video Carousel / Gallery
- Bootstrap Weather
- Bootstrap Dark Mode
- Bootstrap Padding
- Bootstrap Modal Methods
- Bootstrap Modal Size
- Bootstrap Modal Backdrop
- Bootstrap Table Filter
- Bootstrap Card Deck
- Bootstrap Slider
- Bootstrap Popup
- Bootstrap Max Width
- Bootstrap Hero
- Bootstrap Select Dropdown
- Bootstrap Labels
- Bootstrap Dialog
- Bootstrap Screen Sizes
- Bootstrap Dropdown Button
- Bootstrap Widgets