Estou usando o Bootstrap para fazer com que algum texto e um botão apareçam na mesma linha em lados opostos da tela. Estou usando puxar para a direita para trazer o botão para o lado direito da tela, mas só funciona quando a largura da tela é estreita. Se eu torná-lo mais largo, o botão se move para perto do texto. Aqui está um exemplo JSFiddle e o código relevante:
<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>
Existe uma maneira de colocar o botão à direita em todas as larguras? Desculpe, não sou muito bom com Bootstrap e CSS, então tenho certeza de que é uma coisa fácil que estou perdendo. Além disso, pelo que vale a pena, isso é para um aplicativo Electron, então ele só precisa funcionar no Chrome.
Obrigado.
Isso porque ele está envolvido em um form group
div, que tem apenas a largura total em janelas de exibição menores. Você poderia se livrar do form group
e apenas fazer o div width:100%
em css.
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras