I have problems with bootstrap

Question

I have problems with bootstrap

Navigation

#1 by (1 votes)

1

good day! I have a problem with bootstrap as you can see I have 3 problems, one that I can not make those 2 div's have the same "height" (the slideshow and the right part that is a tab), second in my tab on the right, I put the responsive images with bootstrap for So, adapt, but look! they leave the div! what can I do? and how can I paste the image on the edge of my div? in the left part ...

I have it like that

<div class="row">
  <div class="col-md-9" id="service1">
    aqui tengo el slider...
  </div>
  <div class="col-md-3" id="service1">
    <div class="tab">
		<div class="cont_tab">
		    <div class="col-md-6 imag">
			   <img class="img-responsive" src="img/sect1/L1.jpg" alt="Servicio1" title="Servicio 1">
			</div>
		    <div class="cont_descripcion col-md-6">
			<button class="tablinks" onclick="OpenService(event,'service1')">Servicio 1</button>
			<p class="descripcion">Lorem ipsum dolor sit amet.</p>
                  </div>
		</div>
	  </div>
   </div>
</div>

html bootstrap-4 bootstrap-3

asked by Jajo Go 10.10.2017 в 23:31

source

1 answer

How to configure c ++ Debugger in visual studio code? Help with class instance that contains array of string

score 1 · Answer 1

The class row-eq-height in the main row should fix it like this:

<div class="row row-eq-height">
    <div class="col-md-9" id="service1">
        aqui tengo el slider...
    </div>

    <div class="col-md-3" id="service1">

        <div class="tab">
            <div class="cont_tab">
                <div class="col-md-6 imag">
                    <img class="img-responsive" src="img/sect1/L1.jpg" alt="Servicio1" title="Servicio 1">
                </div>
                <div class="cont_descripcion col-md-6">
                    <button class="tablinks" onclick="OpenService(event,'service1')">Servicio 1</button>
                    <p class="descripcion">Lorem ipsum dolor sit amet.</p>
                </div>
            </div>

        </div>
    </div>
</div>

You can consult the documentation more extensively here :