小编Ais*_*man的帖子

我正在尝试在我的代码中添加Bootstrap偏移类来实现对角线对齐,如下所示:

但我不知道应该使用什么偏移量.我已经尝试了几个偏移来实现这个但没有用.文本覆盖整个jumbotron.这是我的代码

HTML:

<div class="jumbotron">
        <div class="container">
            <div class="row">
                <div>
                    <h2 class="col-md-4 col-md-offset-4">Browse.</h2>
                    <h2 class="col-md-4 col-md-offset-4">create.</h2>
                    <h2 class="col-md-4 col-md-offset-4">share.</h2>
                </div>
            </div>
        </div>
    </div>

CSS:

.jumbotron {
    height: 500px;
    width: 100%;
    background-image: url(img/bg.jpg);
    background-size: cover;
    background-position: center;
}

.jumbotron h2 {
    color: white;
    font-size: 60px;
}

.jumbotron h2:first-child {
    margin: 120px 0 0;
}

请指导我.提前谢谢你.

我正在尝试实现这个CSS动画,但不知道该怎么做.我想围绕圆圈旋转顶部边框,但整个过程包括文本旋转.我只想在360度旋转顶部边框.这是我的代码片段:

div#skill {
    /*background: url(../img/white.jpg) center no-repeat;
    background-size: cover;*/
    background-color: rgba(144, 0, 64,0.8);
    color: #fff;
    padding: 10px 0;
}

div#skill h3 {
    color: #fff;
    text-transform: none;
}

div#skill .row {
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px 150px;
}

div#skill .circle {
    height: 120px;
    width: 120px;
    border: 5px solid #ccc;
    border-top-color: orange;
    border-radius: 60px;
    background-color: #74002f;
    /*Making the top border to spin*/
    animation: spin 2s linear infinite;
}

div#skill .circle:after {
    content: url(../img/icons/arrow-point-to-right.png);
    position: absolute;
    top: 25px;
    right: 0;
}

div#skill …

我想在我的父div ID（关于我们）内提供80px的上下填充和0的左右填充。因此，我尝试了引导程序4的响应间隔（填充），即py-80，但在这里不起作用。

<div id="about-us" class="py-md-80">
  <div class="container text-center">
    <h3 class="display-5 text-capitalize">about us</h3>
    <p class="text-muted">Divide have don't man wherein air fourth. Own itself 
     make have night won't make. 
     A you under Seed appear which good give. Own give air without fowl move the 
     dry first 
    heaven fruit, dominion she'd won't very all.</p>
    <img src="./imgs/signature.jpg" alt="signarure" class="img-responsive">
  </div>
</div>