Bootstrap cards not showing like in examples

Question

Why do my Bootstrap cards look weird? In the examples they look like cards with a border and white padding but mine look like text only without the padding and the white bac

Answer 1

The Bootstrap 4 card feature has undergone additional changes from the earlier v4-alpha version(s) to the v4-beta version. However, the examples on the Bootstrap web site still use the older class name. The cards still render, but the padding is lost if the older class name is used.

Current (September 2017) example using the card-body class (CSS):

  
  

    
Card title
    
Some quick example text to build on the card title and make up the bulk of the card's content.
    Go somewhere
  

Here is a similar answer to a related question.