diff --git a/README.md b/README.md index 03c3c7b75..5bac93248 100644 --- a/README.md +++ b/README.md @@ -334,10 +334,7 @@ The dropdown should automatically appear above/below the input depending on the In order to get the automatic country-specific placeholders, simply omit the placeholder attribute on the ``. **Bootstrap input groups** -Simply add the following line of CSS to get Bootstrap [input groups](http://getbootstrap.com/components/#input-groups) working properly. You can view an example [here](http://codepen.io/jackocnr/pen/EyPXed). -```css -.intl-tel-input {display: table-cell;} -``` +A couple of CSS fixes are required to get the plugin to play nice with Bootstrap [input groups](http://getbootstrap.com/components/#input-groups). You can see a Codepen [here](http://codepen.io/jackocnr/pen/EyPXed). _Note: there is currently [a bug](https://bugs.webkit.org/show_bug.cgi?id=141822) in Mobile Safari which causes a crash when you click the dropdown arrow (a CSS triangle) inside an input group. The simplest workaround is to remove the CSS triangle with this line: `.intl-tel-input .iti-flag .arrow {border: none;}`_ ## Contributing