Remove row lines in twitter bootstrap

Question

I m using twitter bootstrap for some web app I m forced to do  I m not a web developer  and I can t find a way to disable the row lines for tables   As you can see from the Bootstrap documentation  the default table style contains line rows   Regards

User · Answer

Got the same question from a friend  My suggestion which does not require  Important looks like this  I add a custom class  no-border  which can be added to the bootstrap table    table no-border tr td   table no-border tr th     border-width  0      You can see my go at a solution here

User · Answer

In Bootstrap 3 I ve added a table-no-border class   table-no-border gt thead gt tr gt th    table-no-border gt tbody gt tr gt th    table-no-border gt tfoot gt tr gt th    table-no-border gt thead gt tr gt td    table-no-border gt tbody gt tr gt td    table-no-border gt tfoot gt tr gt td     border-top  none

User · Answer

bootstrap min css is more specific than your own stylesheet if you just use  table td  So use this instead    table gt tbody gt tr gt th   table gt tbody gt tr gt td       border-top  none

User · Answer

This is what worked for me     table-no-border gt thead gt tr gt th    table-no-border gt tbody gt tr gt th    table-no-border gt tfoot gt tr gt th    table-no-border gt thead gt tr gt td    table-no-border gt tbody gt tr gt td    table-no-border gt tfoot gt tr gt td   table-no-border gt tbody   table-no-border gt thead   table-no-border gt tfoot    border-top  none  important     border-bottom  none  important       Had to whip out the  important to make it stick

User · Answer

The other way around  if you have problems ADDING the lines to your panel dont forget to add the  to your TABLE  By default  http   getbootstrap com components  panels   it is suppose to add the line but It helped me to add the  tag so now the row lines are shown   The following example  probably  wont display the lines between rows    lt div class  panel panel-default  gt       lt  -- Default panel contents -- gt       lt div class  panel-heading  gt Panel heading lt  div gt       lt  -- Table -- gt       lt table class  table  gt           lt tr gt  lt td gt  Hi 1   lt  td gt  lt  tr gt           lt tr gt  lt td gt  Hi 2   lt  td gt  lt  tr gt       lt  table gt   lt  div gt    The following example WILL display the lines between rows    lt div class  panel panel-default  gt       lt  -- Default panel contents -- gt       lt div class  panel-heading  gt Panel heading lt  div gt       lt  -- Table -- gt       lt table class  table  gt           lt thead gt  lt  thead gt           lt tr gt  lt td gt  Hi 1   lt  td gt  lt  tr gt           lt tr gt  lt td gt  Hi 2   lt  td gt  lt  tr gt       lt  table gt   lt  div gt

User · Answer

Add this to your main CSS   table td       border-top  none  important      Use this for newer versions of bootstrap    table th   table td         border-top  none  important

[css] Remove row lines in twitter bootstrap

Examples related to css

Examples related to twitter-bootstrap