Question

我有这个网站http://steam-to-rent.ch/，我需要的是将整个内容对齐在左侧（与徽标相同的行）。我正在使用自举网格，但在主页和http://steam-to-rent.ch/uber.html我无法在左侧对齐。这是HTML代码：

<section id="services" class="section text-center home">
                <div class="container">

                        <div class="row">

                    <!-- SINGLE SERVICE -->
                        <div class="col-sm-12">
                            <div class="single-service text-left wow fadeInRight" data-wow-duration="1s" data-wow-delay=".6s">

                                <div class="service-content home">
                                    <h3 class="">Dampf wird überall gebraucht! </h3>
                                    <h4>Damit es wieder mit Volldampf voraus gehen kann</h4>
                                    <p>Die Einsatzgebiete für Dampf sind vielfältig. Sei es im Spital, der Universitätskantine, der Molkerei, der Wäscherei, der Lederverarbeitung, der Gummiherstellung, in der gesamten Lebensmittelindustrie, beim Gemüsebauer um Randen und Mais zu kochen, in der Futtermühle, der Getreidemühle oder in der Käserei. Mit unserer <b>Dampfkessel - Vermietung</b> helfen wir Ihnen schnell und kompetent bei Ausfällen, damit Sie Ihre Prozesse zügig wieder aufnehmen können. 
        </p>                     
                                </div>
                            </div>
                        </div>
                        <!-- END SINGLE SERVICE -->

                    </div>
                    <!--.row-->
                </div>
                <!--/.container -->
            </section>

Answer 1

只需删除您在 css

中提供的保证金

.single-service {
  margin:30px 25px;
}

.service-content {
  margin:65px;
}

Answer 2

从HTML网页中删除包含col-sm-12和service-content类的div

col-sm-12正在填充15px

和

.service-content {
    margin-left: 65px; /* because of this 65px your content is shifted to left, so remove this value or avoid using this class in HTML */
    bottom: 0;
}

在左边对齐

2 个答案: