Topic: Using Masonry inside a Tab
I'm trying out the Masonry feature inside a Tab.
There's no problem when the masonry is placed inside the default active tab.The masonry simply loads when the page is loaded.
However, when a non-active tab containing masonry is activated (ie. the tab button clicked), the masonry items are all tiled (ie. overlapped) in a single location. I had to resize the window to cause the masonry to arrange the items. I guess that by changing the window size, it triggers the JavaScript to run.
I'd like to make the masonry displayed properly when a tab button is clicked. How do I resolved this problem.
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: General Bootstrap questions
- MDB Version: -
- Device: MacBook Pro
- Browser: Safari
- OS: macOS
- Provided sample code: No
- Provided link: No