Question

我想以纵向模式旋转自举按钮。我尝试使用position:absolute按钮不成功。

这是按钮的小提琴

Fiddle

请参阅旋转时的外观：

Fiddle

有些观点：

无需更改方向，因此无需更改方向更改的媒体查询。
屏幕分辨率是动态的，因此静态宽度，高度，上边距或下边距都不起作用。
垂直旋转表示按钮的垂直视图。

Answer 1

您可以使用transform:rotate

.btnSelection {
  transform: rotate(90deg);
  margin-top: 100px
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container-fluid" id="conditional_div">
  <div class="row">
    <div class="col-sm-3 pull-right">
      <div class="btnSelection">
        <button type="button" class="btn btn-primary conditional_playlist">Test</button>
        <button type="button" class="btn btn-primary conditional_playlist">Test1</button>
        <button type="button" class="btn btn-primary conditional_playlist">Test2</button>
      </div>
    </div>
  </div>
</div>

如何以纵向旋转按钮？

1 个答案: