HTML – 如何在Bootstrap中正确对齐工具栏？

概述当你有一个带有几个按钮和下拉菜单的工具栏时, like this one： <div class="container"> <div class="btn-toolbar" role="toolbar"> <div class="btn-group"><a class="btn btn-default" role="button" href="">Invite People 当你有一个带有几个按钮和下拉菜单的工具栏时,like this one：

<div >    <div  role="toolbar">        <div ><a  role="button" href="">Invite People</a></div>        <div ><a  role="button" href="">Create Campaign</a></div>        <div ><a  role="button" href="">Edit</a></div>        <div >            <button type="button"  data-toggle="dropdown" aria-expanded="false">Action <span ></span></button>            <ul  role="menu">                <li><a href="#">Action</a></li>                <li><a href="#">Another action</a></li>                <li><a href="#">Something else here</a></li>            </ul>        </div>    </div></div>

你如何正确对齐它？我尝试在工具栏上按下右键以及按钮组以及一个包含所有按钮的右侧按钮组.这些都没有奏效.

解决方法 试试这样： DEMO

<div >    <div  role="toolbar">.....</div></div>

bootstrap pull-right在这里运行正常.

总结

以上是内存溢出为你收集整理的HTML – 如何在Bootstrap中正确对齐工具栏？全部内容，希望文章能够帮你解决HTML – 如何在Bootstrap中正确对齐工具栏？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。