CODEWITHSUNDEEP
csstwitter-bootstrapbrowser
tclark333
tclark333

Reputation: 567

Best way to figure out what css is being applied to an element

I started building a site using a bootstrap template, but I'm having a hard time figuring out how to tweak the css. For example, a table might stretch across the entire page. But when I use F12 to look at the css, I don't see anything related to a width property anywhere around the table. Is there a better way to determine what css is being applied or inherited?

Upvotes: 0

Views: 99

Answers (4)

ValleyDigital
ValleyDigital

Reputation: 1470

If you use google dev tools (F12), the navigation tab will let you click on "Resources." When you click that, you can look at the scripts, stylesheets, see a list of images used, etc...

if you click the "magnifying glass" in Google dev tools (F12), you can hover over any element on the page. Click that element and on the right side, the CSS will be displayed. Usually the stylesheet is called out inside the css.

Upvotes: 0

QuestionMarks
QuestionMarks

Reputation: 246

Check out this Chrome plugin called SnappySnippet. (Also, prepare to be amazed)

Upvotes: 0

Charles
Charles

Reputation: 4538

You can use the Google Chrome element inspector. Right click on a div or any other page element, and then click "Inspect Element". From there you can view the CSS that is being applied to a specific element.

Upvotes: 2

Diego Claudiu
Diego Claudiu

Reputation: 334

Have a look inside bootstrap.css file , there should be plenty of code and not every element has it's own separate css , some elements are defined together

Upvotes: 0

Related Questions