ホームページ > 記事 > ウェブフロントエンド > Bootstrap の純粋な CSS3 矢印ボタン スタイルの詳細な説明
Bootstrap の純粋な CSS3 矢印ボタン スタイルの詳細な説明
- PHPzオリジナル
- 2017-03-22 15:15:529627ブラウズ
簡単なチュートリアル
これは、Bootstrap に基づいた純粋な CSS3 矢印ボタン スタイルです。このボタンは、ネイティブのブートストラップ ボタン スタイルを変更して、左または右を指す矢印ボタンを生成します。
【関連ビデオ推奨: Bootstrapチュートリアル】
インストール
Bootstrap矢印ボタンファイルは、npmまたはbowerを通じてインストールできます。
npm install bootstrap-directional-buttons bower install bootstrap-directional-buttons
使用方法
ブートストラップ スタイル ファイルと bootstrap-direction-buttons.css ファイルをページに導入します
<link> <link>
HTML 構造
使用するには、btn-arrow-left クラスまたは btn-arrow-rightclass を追加するだけですクラスをボタンに設定できます。矢印ボタンのグループの間に隙間がないようにしたい場合は、 btn-group クラスを使用してコンテナに矢印ボタンを配置できます。
<button>箭头向左的按钮</button> <button>箭头向右的按钮</button>
Bootstrap の純粋な CSS3 矢印ボタン スタイル関連記事の詳細な説明については、PHP 中国語 Web サイトに注目してください。
関連記事:
jQueryはBootStrapスタイルに基づいた無限領域連携を実装します
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。