本周的话就分享几个按钮的样式,分列式,方向向左,向右等等几个小样式。
1.分裂式按钮下拉菜单:同样,可用与单个按钮下拉菜单近似的标记创建分裂式下拉菜单,注意添加了.dropdown-toggle-split -插入此符号为下拉选项作适当的间隔(距)处理。
2.我们使用这个额外的Class样式,将插入符号两边水平padding减少了25%,并移除了为默认下拉菜单添加的 margin-left 属性,这些额外的更改将插入符号集中在分裂式按钮中,并在主按钮旁边提供了适合的点击空间。
3.方向向上:这个就是按钮下拉菜单的方向是向上展开,也很简单,在div页面给他增加一个.dropup样式就能实现此方法了。
4.方向向右也是通过将 .dropright添加到父元素来触发元素左侧的下拉菜单。