iT邦幫忙

0

要怎麼找 bootstrap 的 panel source code

我搜尋 bootstrap panel 但不是我要的 , 我是要下面這個 , 新版的畫面跟下面這個不一樣 , 找很久都沒找到
https://ithelp.ithome.com.tw/upload/images/20180913/20104326N0JDor41JT.png

新版的
https://ithelp.ithome.com.tw/upload/images/20180913/20104326zOoeYyc7ll.png

柯柯 iT邦新手 3 級 ‧ 2018-09-13 11:02:20 檢舉
Panels, thumbnails, and wells
Dropped entirely for the new card component.

Panels
.panel to .card, now built with flexbox.
.panel-default removed and no replacement.
.panel-group removed and no replacement. .card-group is not a replacement, it is different.
.panel-heading to .card-header
.panel-title to .card-title. Depending on the desired look, you may also want to use heading elements or classes (e.g. <h3>, .h3) or bold elements or classes (e.g. <strong>, <b>, .font-weight-bold). Note that .card-title, while similarly named, produces a different look than .panel-title.
.panel-body to .card-block
.panel-footer to .card-footer
.panel-primary to .card-primary and .card-inverse (or use .bg-primary on .card-header)
.panel-success to .card-success and .card-inverse (or use .bg-success on .card-header)
.panel-info to .card-info and .card-inverse (or use .bg-info on .card-header)
.panel-warning to .card-warning and .card-inverse (or use .bg-warning on .card-header)
.panel-danger to .card-danger and .card-inverse (or use .bg-danger on .card-header)

這邊
https://bootstrap.hexschool.com/docs/4.0/migration/#panels-thumbnails-and-wells

取代的是card
https://bootstrap.hexschool.com/docs/4.0/components/card/
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答