前提・実現したいこと
[前提]
現在Ruby on Rails 5.1.4でブラウザアプリを作成しています。
UIのCSSでは、bootsrap4を現在使っており、Gemfileに gem 'bootstrap', '~> 4.0.0.beta3'
を記述し、
bootsrap4のデザインを使用しています。
[実現したいこと、と課題]
アイコンもbootsrap4に従ったものを使おうとしているのですが、バージョン4になって、アイコンの表示の仕方がわかりません。
発生している問題・エラーメッセージ
以下のコードをHTMLファイルに記述しても何もブラウザに表示されない。
該当のソースコード
<span class="oi oi-account-login"></span> ログイン
とか
<p><span class="oi oi-account-login"></span> ログイン</p>
とか
試したこと
https://getbootstrap.com/docs/4.0/extend/icons/
http://cccabinet.jpn.org/bootstrap4/extend/icons によると、アイコンは他のサイトのアイコンを使うのだと解釈しました。
現在、 https://useiconic.com/open/ のサイトを参考に実装しています。
はじめにあります account-login
について、Bootstrap Icon Font
とある
<span class="oi oi-account-login"></span>
を追加しても表示されません。
https://github.com/iconic/open-iconic のgithubのサイトにあります、以下をヘッダに追加しても変化がありません。
<link href="/open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">
補足情報(FW/ツールのバージョンなど)
色やhoverを手早く変えたいと思っているので、できれば <img>
タグではなく <span>
タグで実装したいと思っております。
bootsrap4系で、iconicが提案しているアイコンの設定に成功された方がいらっしゃいましたら助言いただきたいです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/27 03:00 編集