Topic: Missing example for specific navbar
Jakub Strebeyko staff answered 7 years ago
Hi there Ryukote,
Welcome to our magical realm! Man, it is Bootstrap 4.1.0
already, step up!
The round avatar is achieved using CSS .rounded-circle
class, try
<DropdownToggle nav className="py-0"><img src="https://mdbootstrap.com/img/Photos/Avatars/avatar-2.jpg" style={{height: '35px'}} className="rounded-circle z-depth-0" alt="avatar image"/></DropdownToggle>
as your DropDownToggle
.
For future reference, we are bringing the library to consistency with the documentation styles, so feel free to just inspect the page with DevTools and grab the classes you like and use them in your project.
With Best Regards,
Kuba
Ryukote commented 7 years ago
Thanks for your answer. I am aware of rounded-circle class, but I was wondering if that was also solved from the part of mdbootstrap components.Jakub Strebeyko staff commented 7 years ago
Sure it is! Use theAvatar
component:
<Avatar tag="img" src="https://mdbootstrap.com/img/Photos/Avatars/avatar-2.jpg" style={{height: '35px'}} className="z-depth-0" alt="avatar image" circle/>
The circle
prop there gives it the desired CSS class.
Best, Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No