我创建了一个贴在屏幕右侧的垂直按钮,但问题是该按钮没有响应,有没有办法使该按钮响应。我正在使用 bootstrap 3 这是按钮的示例代码。
HTML
编辑
我有一个 kendo scheduler我正在尝试将按钮对齐到此 kendo scheduler 的右侧
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-left: -1%;">
<div kendo-tooltip k-content="vm.theContent" k-filter="'.k-event'" class="k-group" style="background:white;border-top: 2px solid #b1b1b1;">
<div id="scheduler" kendo-scheduler="vm.scheduler" k-options="vm.schedulerOptions" k-rebind="vm.schedulerOptions">
<!--something--->
</div>
</div>
</div>
<div class="col-lg-offset-11 col-lg-1 col-md-1 col-sm-1 col-xs-1 vertical-bar" >
<button class="btn btn-info btn-sm vertical-btns">
<i class="fa fa-angle-double-up" style="font-size:24px;"></i>
</button><br>
<button class="btn btn-info btn-sm vertical-btns">
<i class="fa fa- angle-double-down" style="font-size:24px;" ></i>
</button>
</div>
CSS
.vertical-bar{
top: 36.6%;
}
.vertical-btns{
padding: 11px 10px !important;
line-height: 17.6em !important;
}
最佳答案
您可以像这样使用 btn-group-vertical 的 Bootstrap 类:
<div class="btn-group-vertical">
<div class="col-lg-offset-11 col-lg-1 col-md-1 col-sm-1 col-xs-1 vertical-bar" >
<button class="btn btn-info btn-sm">
<i class="fa fa-angle-double-up" style="font-size:24px;"></i>
</button><br>
<button class="btn btn-info btn-sm">
<i class="fa fa- angle-double-down" style="font-size:24px;" ></i>
</button>
</div>
</div>
关于html - 创建垂直按钮栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52091448/