旋转木马内的Div不会正确调整大小

时间:2017-09-08 09:17:38

标签: html css bootstrap-4

我有一排,在那排内部是一个" col-md-4"和" col-md-8"。最后一个正确地恢复。但是在" col-md-4"我有一个自动旋转木马,在移动分辨率下,没有正确调整大小。这是我的代码

HTML:

  <div class="container-fluid contactSection nopadding">
    <div class="row">
  <div class="col-md-4 nopadding contactDiv">
    <div id="sliderProduct" class="carousel slide" data-ride="carousel" data-interval="false">
      <ol class="carousel-indicators">
        <li data-target="#sliderProduct" data-slide-to="0" class="active"></li>
        <li data-target="#sliderProduct" data-slide-to="1"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <div class="col-md-12 nopadding" id="contactInfo">
            <h5>Our address</h5>
            <h6><a href="https://www.google.it/maps/place/</a></h6>
            <h5>Get in touch</h5>
            <h6><a href="tel:+390255180288">Phone : +39 02 55 18 02 88</a></h6>
            <h6>Fax : +39 02 55 18 31 36</h6>
            <h6><a href="mailto:email@email.it">Email: info@ascolibottoni.it</a></h6>
          </div>
        </div>
        <div class="item">
          <div class="col-md-12 nopadding formEmail">
            <form id="contactForm" action="#">
              <h5>Name</h5>
              <input name="name" id="name" type="text" placeholder="">
              <h5>Mail</h5>
              <input name="mail" id="mail" type="email" placeholder="">
              <h5>Subject</h5>
              <input name="subject" id="subject" type="text" placeholder="">
              <h5>Comment</h5>
              <textarea name="comment" id="comment" placeholder=""></textarea>
              <input type="submit" class="btn btn-lg btn-color btn-submit btnForm" value="Send Message" id="submit-message">
              <div id="msg" class="message"></div>
            </form>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#sliderProduct" role="button" data-slide="prev">
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#sliderProduct" role="button" data-slide="next">
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>

  <div id="map" class="col-md-8 mapDiv">
  </div>
</div>

我的css怎么办?

1 个答案:

答案 0 :(得分:0)

你在这里错了。

<h6><a href="wwwwgoogleit/maps/place/</a></h6>

。缺少href&#34;&gt;。