Question

我正在尝试将一些文本按钮放置在引导程序3中的任意一侧，垂直居中，并且在桌面上未查看时不可见。

我的代码如下所示：

<div class="container">       
    <div class="row">
        <div class="col-md-2 text-right visible-desktop">
            <<<
        </div>
        <div class="col-md-8">
            <div id="owlCarousel" class="owl-carousel">
            </div>
        </div>
        <div class="col-md-2 text-left visible-desktop">
            >>>
        </div>
    </div>       
    <div class="row text-center">
        <div class="col-md-offset-2 col-md-8">
            <img id="savePlace" src="/assets/img/icon_paperclip_sm.png"/>
        </div>
    </div>  
</div>

这将文本放在猫头鹰旋转木马的任一侧，但我无法弄清楚如何垂直居中，并且在iPhone上观看时它们不会消失。这可能吗？

Answer 1

如果您知道滑块的高度，可以将其设置为按钮或按钮容器的line-height。

要隐藏较小屏幕上的按钮，您可以使用.hidden-sm .hidden-xs类，并为滑块添加.col-xs-12 .col-md-8以适应整个屏幕宽度。

试试这个：http://jsfiddle.net/matcygan/q70wbuwv/9/

在Bootstrap中沿着猫头鹰旋转木马的侧面定位next / prev按钮

1 个答案: