Bootstrap в группу ввода добавить иконку

Привет) помогите пж!!

Хочу в строку ввода добавить иконку глазика-кнопочки чтобы тип ввода менялся на текст с пароля, и наоборот. Открыла доки бутстрапа, скопипастила, и ничего не работает((( Подскажите, как можно все поправить?

P.s. bootstrap.min.css подключен

<label for="password" class="sr-only">Password</label>
        <div class="input-group">
            <input type="password" name="password" class="form-control" placeholder="Password" aria-describedby="basic-addon2" id="password">
            <button type="button" class="btn btn-default btn-lg" onclick="watch()">
                <span id="eye" class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
            </button>
        </div>
//another code

<script>
    function watch () {
        let elem = document.getElementById('password');
        if (elem.type === 'password') {
            elem.type = 'text';
        } else {
            elem.type = 'password';
        }
    }
</script>

Получается вот что: (кривовато)

введите сюда описание изображения


Ответы (0 шт):