размещение загрузчика рядом с кнопкой

#javascript #html #css #forms #bootstrap-4

#javascript #HTML #css #формы #bootstrap-4

Вопрос:

я пытаюсь добавить загрузчик рядом с кнопкой, я использую bootstrap spinner

это мой код :

 <div class="container">
    <form>
        <div class="fiboForm">
            <h1>Fibonacci Calculator</h1>
            <label for="number">The Fibonacci Of</label>
            <input class="userInput" type="number" id="number" name="amount" min="0" max="50">
            <button type="button" class="btn btn-primary" id="isBtn">Is</button>
            <span id="result">
                <span class="spinner-border spinner-border-sm text-danger" role="status"></span>
            </span>
        </div>
    </form>
</div>
  

Я попробовал display:flex в теге формы, также попытался добавить класс и добавить поля, но это не сработало.

Это лучший результат, который мне удалось получить:

это лучший результат, который мне удалось получить

Комментарии:

1. Вот ваш HTML без каких-либо дополнительных CSS: jsfiddle.net/q0xu62tg

2. Вот правильная форма начальной загрузки: jsfiddle.net/hneL523u

3. мне очень помогло, спасибо!