Link to home
Start Free TrialLog in
Avatar of Chris Labbate
Chris LabbateFlag for Canada

asked on

Bootstrap Gallery

Working on a new website and dealing with Bootstrap. I have a development up and running here:

http://www.forgeinfinity.com/kreg/portfolio.html

I want to be able to have each category
"All -Kreg Jigs-Kreg Shelf Pin Jig-Pocket-Hole Machine-Kreg Screws-Kreg Wood Plugs-Kreg Plastic Plugs-ect..."

be able to be open by default and I can't seem to figure that out. So if I went to the Kreg Jigs Page, I want the Kreg Jigs Category to be highlighted and all the products their by default. I need to create each category as its own HTML page.

thanks for your help.
Screenshot-1.png
Avatar of Rob
Rob
Flag of Australia image

Looks ok to me?  what's the issue?
Avatar of Chris Labbate

ASKER

Hello Rob, everything is working correctly... but I want the ability to have each category, the list at the top to be "active" by default when I choose that page. Here is the code for the categories...

<ul class="portfolio-categ filter">
		    <li class="all active"><a href="joining.html">All</a></li>
		    <li class="jigs"><a href="jigs.html" title="">Kreg Jigs</a></li>
                    <li class="pin"><a href="shelf-pin.html" title="">Kreg Shelf Pin Jig</a></li>
                    <li class="machines"><a href="machines.html" title="">Pocket-Hole Machine</a></li>
                    <li class="screws"><a href="screws.html" title="">Kreg Screws</a></li>
		    <li class="plugs"><a href="plugs.html" title="">Kreg Wood Plugs</a></li>
                    <li class="plugs2"><a href="plugs2.html" title="">Kreg Plastic Plugs</a></li>
                    <li class="DVD"><a href="dvd.html" title="">Kreg DVDs</a></li>
                    <li class="DeckJig"><a href="deck-jig.html" title="">Deck Jig</a></li>
                    <li class="accessories"><a href="accessories.html" title="">Kreg Jig Accessories</a></li>
	 </ul>

Open in new window


the portfolio page is set to "All" as the active gallery and displays all products. I want to be able to have the other HTML pages "jigs.html" for instance display just the "jigs" products and have that category highlighted by default. What I am asking here is how to get bootstrap or the gallery to set the active class. It defaults to "all active" and I want to create a page for each one as the active class.
ASKER CERTIFIED SOLUTION
Avatar of Chris Labbate
Chris Labbate
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
checked the code in inspect element. Figured it out.