Javascript 将加载程序放置在按钮旁边

Javascript 将加载程序放置在按钮旁边,javascript,html,css,forms,bootstrap-4,Javascript,Html,Css,Forms,Bootstrap 4,我正在尝试在按钮旁边添加一个加载程序,我正在使用引导微调器 这是我的代码: <div class="container"> <form> <div class="fiboForm"> <h1>Fibonacci Calculator</h1> <label for="number">The Fi

我正在尝试在按钮旁边添加一个加载程序,我正在使用引导微调器

这是我的代码:

<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,也尝试了添加类和添加页边距,但都不起作用

这是我设法获得的最佳结果:


这是您的HTML,没有任何附加CSS:这是一个正确的引导表单:帮了我很多忙,谢谢!