ボタンをbootstrap3から4に変更するには

Question

私はこの種のボタンをブートストラップ3で使用していました。通常アクションはテーブルの行を更新または変更します。

ブートストラップ4を使用したいと思いますが、このボタンは正しく表示されません。 これは変更されていることは知っていますが、これをどのように修正できますか？

これは、ボタンのコードです：

<button type="button" class="btn btn-default"> 
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 
</button> 

Answer 1

代わりのglyphiconsブートストラップ4は、フォント-awesomeが使用することをお勧めします。移行の詳細についてはhereをご覧ください。移行ドキュメントにはbtn-defaultがbtn-secondaryになっていると書かれていますが、今のものと同じようにボタンをレンダリングするにはbtn-lightを使います。

更新されたコードは次のようになります。

<button type="button" class="btn btn-light"> 
    <i class="fa fa-pencil fa-2x" aria-hidden="true"></i> 
</button> 

はここで働いてcodeply projectのコードです。移行ページから

Answer 2

：.btn-二する

を.btnデフォルト改名 https://v4-alpha.getbootstrap.com/migration/

はGlyphiconsアイコンフォントを落としました。あなたはアイコンが必要な場合は、いくつかのオプションがあります：

• あなたがここにすべてを従わなかった