Chris Labbate
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
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
Looks ok to me? what's the issue?
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...
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.
<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>
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
checked the code in inspect element. Figured it out.