Как элементы расположить по горизонтали?

Question

[sitev_ru]

Создаю форму в Bootstrap:

<form class="form-horizontal">
    <div class="form-group">
        <label for="edtURLpage" class="col-sm-3 control-label">URL </label>
        <div class="col-sm-9">
            <input type="text" class="form-control col-sm-5" id="edtURLpage"> qqq
        </div>
    </div>
</form>

Текст "qqq" должен идти сразу справа за input, а он переходит на новую строчку. Как решить проблему?

Answer 1

[Дмитрий Ким]

Попробуйте <form class="form-inline">

Comments

[sitev_ru]

Получилось, но другим тонким шрифтом и сдвинуто...

[Дмитрий Ким]

sitev_ru: тонким шрифтом вы имеете ввиду что label не bold? сдвинуто, потому что в form-inline нет жесткой структуры полей формы, на то она и form-inline. Удлиняйте input атрибутом size.

Answer 2

[sitev_ru]

Вот так заработало:

<form class="form-horizontal">
	<div class="form-group">
		<label for="edtURLpage" class="col-sm-3 control-label">URL http://</label>
		<div class="col-sm-6">
			<input type="text" class="form-control" id="edtURLpage">
		</div>
		<label for="edtURLpage" class="control-label">qqq</label>
	</div>
</form>