左对齐

Question

我有这个网站http://steam-to-rent.ch/ and what i need is to align the entire content on the left (same line as the Logo). I'm using bootstrap grid but in the homepage and here 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

从您的 HTML 页面中删除 div 的馆藏 col-sm-12 和 service-content 类

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;
}

Answer 2

只需删除您在css

中提供的边距

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

.service-content {
  margin:65px;
}

左对齐

Align on the left

html

css

grid

alignment

twitter-bootstrap