将装载机放在按钮旁边

时间:2020-10-28 16:50:19

标签: javascript html css forms bootstrap-4

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

这是我的代码:

<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>

我尝试在form标签上使用display:flex,也尝试添加类和添加页边距不起作用。

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

this is the best result I manage to get

0 个答案:

没有答案
相关问题