Understrap: Bootstrap Panel not working

Created on 8 Jan 2017  路  3Comments  路  Source: understrap/understrap

The panel element is not properly styled. I copied the example from http://getbootstrap.com/components/#panels-heading

<div class="panel panel-default">
<div class="panel-heading">Panel heading without title</div>
<div class="panel-body">Panel content</div>
</div>

But the resulting panel has neither background color nor border. The same goes for wells and label components. Buttons (btn-default) do work correctly on the other hand. Anyone else experiencing this?

All 3 comments

Hi,

Understrap is based on Bootstrap 4.

As you can see here -> https://v4-alpha.getbootstrap.com/migration/
the Bootstrap 3 Panels have been dropped in the Version 4 and were replaced by a new component called "Cards".

Maybe you will find a similar solution while working with the new cards element.

The elements you reference are for Bootstrap 3.

You can find the new documentation at https://v4-alpha.getbootstrap.com/getting-started/introduction/

Here you can check the differences between v3 and v4.

Thanks a lot for clarification and the helpful links! I should get my way around now.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

revamperdiaries picture revamperdiaries  路  5Comments

holger1411 picture holger1411  路  5Comments

virtualimage picture virtualimage  路  3Comments

blachawk picture blachawk  路  5Comments

davidshq picture davidshq  路  4Comments