Madogiwa Blog

主に技術系の学習メモに使っていきます。

Bootstrap

RubyonRails:Rails5アプリケーションにBootstrap4を導入する

みなさん、こんにちは。まどぎわです(._.) 最近、作成しているRailsアプリケーションにBootstrap4を導入してみたので、その手順をメモしておきますφ(..) 手順 環境情報 試した環境を下記に記述しておきます。 gem version rails 5.1.4 bootstrap 4.0.0 Gemの…

Bootstrap:ナビゲーションバーの丸みをなくす方法

Bootstrapのナビゲーションバーに微妙に丸みがあるのが気になったので、無くす方法をメモφ(..) 事象 Bootstrapのナビゲーションバーはデフォルトでは、微妙に丸みを帯びている。 いままで見てみぬふりをしてきたが、結構気になっていた。。。 bootstrap3.cyb…

Bootstrap:btn-groupで結合したボタンをインラインで表示する方法

Bootstrapで結合したボタンをインラインで表示させる際にハマったので、メモφ(..)結果としては、下記のように<div></div>じゃなくて<span></span>を使用すれば、 問題ないっぽい。 <span class="btn-group"> <button class="btn btn-xs btn-success">ボタン1</button> <button class="btn btn-xs btn-success">ボタン2</button> </span> 参考にしたページ qiita.com