发表新帖
发表新帖

User agent stylesheet overriding my table style? Twitter Bootstrap

后端 未结
关注
5 2120
难免孤独
难免孤独 2020-12-13 06:00

I\'m using twitter bootstrap. My problem is that font-sizes in tables are wrong. For some reason the User Agent stylesheet is overriding the bootstrap table styles.

相关标签:
5条回答
  • 温柔的废话
    2020-12-13 06:03

    Check whether your CSS is called or not in browser dev tools (press F12) under network column.

    If it is not called, use your style sheets with1 rel="stylesheet" type="text/css".

    It worked for me.

    0 讨论(0)
  • 北海茫月
    2020-12-13 06:07

    Please import the docs.css into your application as well. If I must say so, you must have realized that the Twitter Bootstrap Docs are using bootstrap.css and a custom docs.css. Try doing, which you can download from the github package. Then, try playing around with the table classes in docs. css without messing with the master css. Or try adding DOCTYPE in headers. 

    <link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
    0 讨论(0)
  • 不思量自难忘°
    2020-12-13 06:08

    I had the same issue as the OP. I wanted lovely small text and some user stylesheet was overiding it and putting:

    font-size: medium;

    When I wanted:

    font-size:8pt;

    I placed the following at the top of my HTML page:

    <!DOCTYPE html>

    All was good then, a bad habit to get into to not declare doctype at the top. All user stylesheets have now gone.

    To discover what is overriding what on your CSS it is always a good idea to inspect element (F12) and you can modify and untick attributes on the fly until you get to right, then update your CSS file with it!

    However if you do have a user stylesheet issue, these values will be locked.

    0 讨论(0)
  • 眼角桃花
    2020-12-13 06:15

    If declaring <!DOCTYPE html> in the very beginning doesn't work, then it's probably not your user-agent style sheet casuing it. It may be Bootstrap's style sheet overriding your styles (I've had this problem). Make sure your style sheet is linked to after Bootstrap's style sheet in your HTML.

    <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->
    0 讨论(0)
  • 生来不讨喜
    2020-12-13 06:22

    I actually figured this out myself. I had the <!DOCTYPE html> tag wrongly written. So if you have this problem make sure the doctype declaration is correct!

    0 讨论(0)
 看不清?
提交回复
热议问题