This question already has an answer here:
Bootstrap 3 - Aligning column height
                                
                                    (1个答案)
                                
                        
                                3年前关闭。
            
                    
在这里的初学者,我正在构建一个页面引导站点,将站点分为几部分,我已经在第一部分中添加了第一张图片作为背景。
我尝试过使用色谱柱,但没有药水瓶。

我不能像原型(http://imgur.com/a/MJQ2w)所示并排获得两个图像。

我希望页面布局像这样没有边距,但是我无法使用引导程序做到这一点。请以您的专业知识帮助我。

<header style="background-image: url('static/assets/home-bg.jpg');">
        <div class="intro-content">
            <div class="brand-name">Learning & Experience</div>
            <hr class="colored">
            <div class="brand-name-subtext">Lorem Ipsum Dolor Init
            </div>
        </div>
        <div class="scroll-down">
            <a class="btn page-scroll" href="#about"><i class="fa fa-angle-down fa-fw"></i></a>
        </div>
    </header>

    <section id="about">
    <div class="container-fluid">
    <div class="row row-no-gutter">
      <div class="col-md-6 img-responsive">
        <img src="static/assets/training.png">
      </div>
      <div class="col-md-6 img-responsive">
        <img src="static/assets/recruit.png" >
      </div>
    </div>
    </div>

    <div>

最佳答案

在这里检查我的示例,不删除引导程序提供的任何填充

的HTML

<section class="values">
              <div class="col-md-4 box text-white box blues">
                  <div class="box-home">
                      <h4>our values</h4>
                      <p>At MOCAZ PRIME, with the expertise of experienced traders, we join in giving the best advice and knowledge to individuals to ensure their financial goals can be achieved in any market conditions.</p>
                      <div class="icon-text">
                          <p>01.</p>
                      </div>
                  </div>
              </div>
              <div class="col-md-4 text-white box bg-city blacks">
                  <div class="box-home">
                      <h4>our philipsophy</h4>
                      <p>It is our ambition to keep up challenges of a dynamic and changing market. Consequently it is necessary to flexibly bring new techniques which meet the needs of our customers. This all predetermines us to achieve a leading position in the global financial advisory services.</p>
                      <div class="icon-text">
                          <p>02.</p>
                      </div>
                  </div>
              </div>
              <div class="col-md-4 text-white box blacks">
                  <div class="box-home">
                      <h4>our mission</h4>
                      <p>Our mission is to facilitate a world-class foreign exchange, metal and contracts for difference trading environment. We're dedicated to providing industry-leading technology to the international trading community and we strive to deliver educational tools and resources that enable traders to further develop their trading skills.</p>
                      <div class="icon-text">
                          <p>03.</p>
                      </div>
                  </div>
              </div>
      </section>


DEMO

07-28 05:12