How to take the horizontal line from the table in bootstrap

Asked

Viewed 1,880 times

1

Even reading several articles on the net about table

https://v4-alpha.getbootstrap.com/content/tables/
https://www.w3schools.com/bootstrap/bootstrap_tables.asp

I couldn’t get a question out.
How to take the horizontal line from the table in bootstrap
Below I leave an image as an example of a simple table where
there are 3 lines in very light gray that separate the records.
How to remove them?? I tried using border, but the same only works for borada :) inserir a descrição da imagem aqui
I would like to have the result as in the image below (I edited the first image ) inserir a descrição da imagem aqui

1 answer

3

One alternative to remove the edges would be so:

table td{
  border:none !important;
}

*Note that you need to use the !important to ignore the style assigned by the bootstrap itself, caring for that this css snippet will remove any and all edges of all td's, if you want to remove only from a specific table, refer to it through a class or an id.

Follow a fiddle with an example: Jsfiddle

  • Good afternoon Mathias.. I understood what you answered.. I’m new to bootstrap so go another question.. Could I make a TABLE01 object inheriting from table and then put the code you demonstrated in TABLE01?? How would I do this inheritance thing in bootstrap/css ?? Another file?? Inside Bootstrap.css??? Thanks for your attention :)

  • @Souza take a look at the fiddle again, I updated so that the edge removal is done only on the table with id="TABLE01"

  • Good afternoon... again... :) Very cool the ID bid :). Thank you for your attention and Hugs :)

  • In fact the !important is not necessary since you are already manipulating the table by id.

  • @Viniciuskiss really, is that in the previous example I was working with the selector table td{...}, after updating the example, the !important it is no longer necessary.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.