# How to see Bootstrap CSS Code of an element? **URL:** \ **Category:** Beginners\ **Created:** [October 13, 2018, 8:15pm UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299 "2018-10-13T20:15:12Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![codelearner](https://avatars.discourse-cdn.com/v4/letter/c/8edcca/32.png) [@codelearner](https://forum.pinegrow.com/u/codelearner)\ **Post date:** [October 13, 2018, 8:15pm UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299/1 "2018-10-13T20:15:13Z")
How do you see Bootstrap CSS Code of an element that is added to canvas? For example, How do I see the code for class “container”? ---
**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 2, 2018, 4:39pm UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299/2 "2018-11-02T16:39:56Z")
Hi @codelearner if you select the container on the page or in the document tree ![05](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0e59a24481dad35cbdcc478dcb2fffa069072557.png) then click on the Styles tab you should see Style Attribute highlightsd in blue ![16](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6c226316e3d797fa16e15238e116d733a6f8f48f.png) Under Style attribute you will notice in grey text "Show 5 more rules from bootstrap.css ![16](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6c226316e3d797fa16e15238e116d733a6f8f48f.png) this is a clickable link that will display the 5 rules, you’ll have to expand each to see the properties ![12](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b8422e210ea6171c4d1a6e1dbfde40f8a6856ffb.png) Hope this helps. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [November 2, 2018, 8:07pm UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299/3 "2018-11-02T20:07:40Z")
Hi Rob. that’s nice. now, is there a way to NOT VIEW bootstrap classes AFTER doing this? Because i’ve never found a way to hide their classes from this view list after enabling them ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [November 3, 2018, 4:38am UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299/4 "2018-11-03T04:38:17Z")
Close and reopen the page and the rules will be “hidden” again. ---
**Author:** ![Marf](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/marf/32/1799_2.png) [@Marf](https://forum.pinegrow.com/u/Marf)\ **Post date:** [November 3, 2018, 8:35am UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299/5 "2018-11-03T08:35:46Z")
> [@Rob](#): > > Under Style attribute you will notice in grey text "Show 5 more rules from bootstrap.css > > ![16](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6c226316e3d797fa16e15238e116d733a6f8f48f.png) > > this is a clickable link that will display the 5 rules, you’ll have to expand each to see the properties > [@schpengle](#): > > Hi Rob. that’s nice. > now, is there a way to NOT VIEW bootstrap classes AFTER doing this? > Because i’ve never found a way to hide their classes from this view list after enabling them > [@Printninja](#): > > Close and reopen the page and the rules will be “hidden” again. * * * @matjaz **It would be nice to have the option at the CSS panel to minimize/hide them directly.** ![bootstrap-rules-minimize-hide](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/28d558c558686635af432a1e2fff35a219254474.png) * * * **Back into having this state again.** ![16](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6c226316e3d797fa16e15238e116d733a6f8f48f.png) * * * ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [November 3, 2018, 9:17am UTC](https://forum.pinegrow.com/t/how-to-see-bootstrap-css-code-of-an-element/2299/6 "2018-11-03T09:17:26Z")
Yes, Ive often thought that, but no one else ever mentioned it. So, I felt like a Noob going through all our docs going \*where the hell is that most basic of commands\>?" you know, show/hide, we only had _Show_ Weird I thought, it MUST be there and I cant find it. so great, I’m not alone 🙂