![[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)
![[iOS]Can’t end BackgroundTask: no background task exists with identifier 1 (0x1), or it may have already been ended. Break in UIApplicationEndBackgroundTaskError() to debug.エラーについて](https://www.yukiiworks.com/wp-content/uploads/2019/09/Xcode-150x150.png)
![[AndroidX対応]Error inflating class android.support.design.widget.BottomNavigationViewエラーについて](https://www.yukiiworks.com/wp-content/uploads/2019/04/android-150x150.jpg)
![[Flutter]DrawerでiOSのノッチ部分まで塗り潰す方法](https://www.yukiiworks.com/wp-content/uploads/2020/08/flutter-150x150.png)
![[AltBeacon][Kotlin]Error while saving scan status to file: Cannot delete existing file.エラーについて](https://www.yukiiworks.com/wp-content/uploads/2019/10/android-studio-e1585186990750-150x150.jpg)
![[Laravel]ランダムな文字列を生成する](https://www.yukiiworks.com/wp-content/uploads/2019/05/laravel-150x150.png)
![[frappe-gantt]スクロールバーがかなり下に出るバグの対応方法](https://www.yukiiworks.com/wp-content/uploads/2019/05/javascript-150x150.png)
![[iOS13]SceneDelegateを使用したURL Schemeによるアプリ起動処理](https://www.yukiiworks.com/wp-content/uploads/2019/04/swift-150x150.png)
![[DB2]ペンディング状態の解除](https://www.yukiiworks.com/wp-content/uploads/2019/03/code1211IMGL1494_TP_V4-150x150.jpg)
