![[bootstrap-tagsinput]タグ入力欄のinput要素の横幅を最大にする](https://www.yukiiworks.com/wp-content/uploads/2019/05/javascript.png)
はじめに
jsのライブラリーbootstrap-tagsinputをしようした際のメモ。
デフォルトだと、入力したタグに合わせて入力のinput要素が伸縮するようになっているがこれがうざいので横幅いっぱいにしたかった。
解決方法
以下のようにCSSでライブラリのCSSをOverrideします。
1 2 3 4 5 6 | <style> /** override */ .bootstrap-tagsinput { width: 100% !important; } </style> |
これで常に横幅いっぱいに広がるようになります。
以上です。
![[Node.js]AWS Lambda上で日本現在時刻を取得する](https://www.yukiiworks.com/wp-content/uploads/2020/04/lambda30-300x159.png)
![[bootstrap-tagsinput]タグ入力欄でEnterキー押下時にSubmitさせない方法](https://www.yukiiworks.com/wp-content/uploads/2019/05/javascript-300x173.png)
![[Docker]起動済みのMySQLデータを永続化させる](https://www.yukiiworks.com/wp-content/uploads/2019/08/docker-logo-2-150x150.png)
![[Swift4]コードから親View一杯にフィットさせる方法](https://www.yukiiworks.com/wp-content/uploads/2019/04/swift-150x150.png)
![[Pixcel 3a] 開発者モード設定方法](https://www.yukiiworks.com/wp-content/uploads/2019/04/android-150x150.jpg)
![[Laravel]blade上で変数の存在確認](https://www.yukiiworks.com/wp-content/uploads/2019/05/laravel-150x150.png)
![[realm][Android]relam導入時のエラー"configuration with name 'kapt' not found."について](https://www.yukiiworks.com/wp-content/uploads/2019/04/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f36333036302f31363961343966382d623766622d613335612d353264342d6539653934373731383031302e6a706567-150x150.jpg)
![[AWS]Node.jsでSSMパラメータストアの値を取得する](https://www.yukiiworks.com/wp-content/uploads/2020/03/aws-eyecatch-960x504-1-150x150.png)
