Question

我试图查看有关在bootstrap中添加列之间间距的其他堆栈问题，但我似乎没有找到正确的答案来解决我的问题。基本上我想要的是在桌面/平板电脑的最右边有一个按钮，在桌面/平板电脑上有一个最左边的按钮（我设法做到了）但是在移动设备上按钮必须一个在另一个之下，必须集中在一起，需要在它们之间留出一些空间（以及那些我无法找到解决方案的地方）。请注意，我使用的编辑器只能添加html和/或bootstrap代码，所以任何css都必须在html中。

以下是我目前使用的代码：

<div class="raw">
<div class="col-md-6 col-sm-6 col-xs-6"><a class="btn btn-primary pull-left" href="">Becoming an au pair</a></div>

<div class="col-md-6 col-sm-6 col-xs-6"><a class="btn btn-primary pull-right" href="">Becoming a host family</a></div>
</div>

谢谢！

Answer 1

https://jsfiddle.net/m00durk3/

HTML：

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-6 col-xs-12 text-left">
            <div class="btn">
                Left Button
            </div>
        </div>
        <div class="col-sm-6 col-xs-12 text-right">
            <div class="btn">
                Right Button
            </div>
        </div>
    </div>
</div>

CSS：

.btn {
    background-color: lightblue;
}
@media screen and (max-width: 767px) {
    .btn {
        width: 100%;
        margin-bottom: 5px;
    }
}

所以基本上你需要使用网格来包装最外面的列。完成后，您需要添加一个媒体查询，更改按钮的宽度以填充屏幕。

在jsfiddle链接中，使html部分的宽度更大或更小，以使更改生效。

编辑：完整代码显示如何将样式放在与html相同的页面上。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
      .btn {
          background-color: lightblue;
      }
      @media screen and (max-width: 767px) {
        .btn {
            width: 100%;
            margin-bottom: 5px;
        }
      }
    </style>
  </head>
  <body>
    <div class="container-fluid">
      <div class="row">
          <div class="col-sm-6 col-xs-12 text-left">
              <div class="btn">
                  Left Button
              </div>
          </div>
          <div class="col-sm-6 col-xs-12 text-right">
              <div class="btn">
                  Right Button
              </div>
          </div>
      </div>
    </div>
  </body>
</html>

Answer 2

我实际上设法使用以下代码修复它。谢谢你让我走上正确的轨道Bioto

Sub PrintSheets()
Dim ws As Worksheet

For Each ws In Worksheets
    If ws.Range("A1") = "print" Then
        ws.PrintOut Copies:= ws.Range("A2").Value2
    End If
Next ws


End Sub

在移动版本的bootstrap中添加按钮之间的间距

2 个答案: