Javascript-форум - Bootstrap засунуть иконку в поле

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - Bootstrap засунуть иконку в поле (https://javascript.ru/forum/xhtml-html-css/50025-bootstrap-zasunut-ikonku-v-pole.html)

Bootstrap засунуть иконку в поле

Как в бутстрапе

Засунуть иконку справа в само поле текстовое?
сейчас так выглядит:

Код:

<form name="search" action="#" method="get" class="form-inline form-search pull-left">

    <div class="input-appended">

        <label class="sr-only" for="searchInput"></label>

        <input class="form-control" id="searchInput" type="text" name="search" placeholder="Поиск по сайту">

     <button type="submit" class="btn btn-info inline"><i class="icon-search"></i></button>

    </div>

</form>

Картинку позиционированием загони в поле и дай полю "text-indent" или сделай так что бы 2 блока находились вместе и стилями сделай так что бы выглядело как один блок, или фоном поставь.
Вариантов куча, покажи картинку и опиши для чего оно тебе.