Question

我正在使用Bootstrap来获取一些文本和一个按钮，以显示在屏幕两侧的同一行上。我正在使用右拉将按钮带到屏幕的右侧，但它仅在屏幕宽度较窄时才有效。如果我将其放宽，按钮会移动到文本旁边。 Here's a JSFiddle example以及相关代码：

<body>
    <div class='container-fluid'>
        <form class="form-inline">
            <div class="form-group ">
                <label>Some Text</label>
                <button type="button" class="btn btn-primary pull-right">Some Button</button>
            </div>
        </form>
        <div><p>The button only appears on the right side of the window when the width is fairly narrow, even though it has the Bootstrap 'pull-right' class.</p></div>

    </div>
</body>

有没有办法让所有宽度的按钮都在右边？抱歉，我对Bootstrap和CSS不太满意，所以我确信这是一个我很想念的简单事情。此外，对于它的价值，这适用于Electron应用程序，因此它只需要在Chrome中运行。

感谢。

Answer 1

那是因为它包裹在form group div中，这只是较小视口的全宽度。您可以摆脱form group，只需在css中创建div width:100%。

Bootstrap pull-right仅在小宽度下工作

1 个答案: