SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Styling problem

  1. #1
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,106
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Post Styling problem

    Hi, I need some help, I am using bootstrap templates and then i also downloaded table plugins for my data representation which is not bootstrap and this has also it's own styling...now the problem is that my table plugins is adopting the style of the bootstrap and it destroy the design,can you please help me what is the better solution for this?.

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Learn HTML and CSS and get rid of Boo-strap.

    If Bootstrap is your page framework, the table stuff that you "borrowed" has to be adapted to fit within Bootstrap. There is probably no easy solution other than to "roll your own".

  3. #3
    SitePoint Member kamruzzaman's Avatar
    Join Date
    Oct 2013
    Location
    Dhaka
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    bootstrap 2.2.3 is better for new user but bootstrap 3.0 is for upper user. Don't be worry if you read the document, you can easy understand bootstrap 3.0.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by jemz View Post
    Hi, I need some help, I am using bootstrap templates and then i also downloaded table plugins for my data representation which is not bootstrap and this has also it's own styling...now the problem is that my table plugins is adopting the style of the bootstrap and it destroy the design,can you please help me what is the better solution for this?.
    You will just have to over-ride the bootstrap styles on your table. Mind you Bootstrap doesn't actually apply any heavy styles by default to tables unless you are using some of their pre-defined classes. I didn't run into any problems with tables when I used them in bootstrap.

    bootstrap 2.2.3 is better for new user but bootstrap 3.0 is for upper user.
    Bootstrap 3 is just the new version with the mobile first approach and is no harder/simpler than the previous version It's just different.

  5. #5
    SitePoint Zealot moretea's Avatar
    Join Date
    Jun 2004
    Location
    Texas, USA
    Posts
    118
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    The documentation you need is at http://getbootstrap.com/css/#tables. Sorry to say, though, that ronpat is right; it's best to get some fundamental knowledge about CSS.

  6. #6
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,106
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Thank you for your advice guys,...@Paul O'B, yes that's what i did i override some css of bootstrap...but there is some problem i could not get rid of the inline-style generated by the plugin that i used "jqgrid"...I don't know how to override the inline style...

    THank you

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by jemz View Post
    Hi,

    Thank you for your advice guys,...@Paul O'B, yes that's what i did i override some css of bootstrap...but there is some problem i could not get rid of the inline-style generated by the plugin that i used "jqgrid"...I don't know how to override the inline style...

    THank you
    The only way to over-ride inline styles (that is rules that are in the tag themselves ina style attribute) is to use !important in your normal css rules. That will ensure your rules win out unless the inline styles are using !important and then there's no way to over-ride them.

    Code:
    .myrule{color:red!important}

  8. #8
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,106
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul O'B, thank you for giving idea on how to use !important, ...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •