大家好，欢迎来到IT知识分享网。
本周的话就分享几个按钮的样式，分列式，方向向左，向右等等几个小样式。
1.分裂式按钮下拉菜单：同样，可用与单个按钮下拉菜单近似的标记创建分裂式下拉菜单，注意添加了.dropdown-toggle-split -插入此符号为下拉选项作适当的间隔（距）处理。
2.我们使用这个额外的Class样式，将插入符号两边水平padding减少了25%，并移除了为默认下拉菜单添加的 margin-left 属性，这些额外的更改将插入符号集中在分裂式按钮中，并在主按钮旁边提供了适合的点击空间。
![下拉菜单样式[通俗易懂]](https://img.mushiming.top/app/yundeesoft_com/d1c155555cac4602b6b0795e7f30e0f0.jpg "下拉菜单样式[通俗易懂]插图")
![下拉菜单样式[通俗易懂]](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg "下拉菜单样式[通俗易懂]插图1")
3.方向向上：这个就是按钮下拉菜单的方向是向上展开，也很简单，在div页面给他增加一个.dropup样式就能实现此方法了。
![下拉菜单样式[通俗易懂]](https://img.mushiming.top/app/yundeesoft_com/24e83c0d7152438198e4389e35f607dc.jpg "下拉菜单样式[通俗易懂]插图2")
4.方向向右也是通过将 .dropright添加到父元素来触发元素左侧的下拉菜单。
![下拉菜单样式[通俗易懂]](https://img.mushiming.top/app/yundeesoft_com/bf855b6113c04eaea0b2c7ba21b0fac1.jpg "下拉菜单样式[通俗易懂]插图4")
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/26212.html
