El “контейнер” не я funciona Комо debería сер

HTML довода "против" estoy empezando en el mundillo y es que me растет uno un problema desde el minuto y es que cuando quiero poner una imagen y continuación unos botones, Лос botones se фургон bajo la imagen y se ponen un poco por encima de ésta. Никакой sé si es que no estoy usando bien el sistema de rejillas de bootstrap pero никакой sé cómo hacer параграф никакой подросток este problema. continuación dejo el código y una imagen de lo que me sucede:

<div class="container">
            <div class="row">                
            <!-- Logo de la página -->
                <div class="col-md-3">
                    <a href="./inicio.html">
                        <img id="logo" src="./img/wolf.png"/>
                    </a>
                </div>                

            <!-- Menú superior -->
                <div class="col-md-9">
                    <a class="boton" href="./inicio.html">Boton 1</a>
                    <a class="boton" href="./inicio.html">Boton 2</a>
                    <a class="boton" href="./inicio.html">Boton 3</a>
                    <a class="boton" href="./inicio.html">Boton 4</a>
                    <a class="boton" href="./inicio.html">Boton 5</a>
                    <a class="boton" href="./inicio.html">Boton 6</a>
                </div>
            </div>
        </div>

introducir la descripción de la imagen aquí

Muchas gracias por la ayuda :)

4
задан 20.12.2019, 11:57
1 ответ

Объяснение, для которого оно последует за тобой, - простое. Ты не загружаешь правильно Bootstrap .

Убедись, что в твоем коде ты сослался на маршрут, где он находится, как для Ваших .css, так и для Ваших .js. Имей в виду также, что груз книжного магазина зависит от Jquery а следовательно он должен будет быть, будь загружена прежде чем та Boostrap .

В моем примере показывает себе правильный порядок груза для того, чтобы ты это учел, кроме того, что видится, как используя твои HTML классы Boostrap входят в действие.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<div class="container">
    <div class="row">                
    <!-- Logo de la página -->
        <div class="col-md-3">
            <a href="./inicio.html">
                <img id="logo" src="./img/wolf.png"/>
            </a>
        </div>                

    <!-- Menú superior -->
        <div class="col-md-9">
            <a class="boton" href="./inicio.html">Boton 1</a>
            <a class="boton" href="./inicio.html">Boton 2</a>
            <a class="boton" href="./inicio.html">Boton 3</a>
            <a class="boton" href="./inicio.html">Boton 4</a>
            <a class="boton" href="./inicio.html">Boton 5</a>
            <a class="boton" href="./inicio.html">Boton 6</a>
        </div>
    </div>
</div>
5
ответ дан 21.12.2019, 12:13
  • 1
    Это, он был añ adiendo два href в одном <link> и поэтому он не загружал меня. Muchí пропасти спасибо, останься записанным – rabisa47 20.12.2019, 13:40
  • 2
    У меня остается сомнение, MyGuel: ¿ Qué он дает тебе понимать, что OP не está загружая правильно librerí схвати, если он не показывает их в Вашем có я говорю? – Jheyman Mejia 20.12.2019, 15:39
  • 3
    @JheymanMejia Изображение, которое присоединяет с Вашим вопросом образец, что элементы .col, которые у него есть внутри .row не está n размещая в той же lí nea, как deberí чтобы происходить, если применялись CSS соответствующие. Равно как также он está n применяя средства, которые предоставляет класс container, ценный, в котором Ваши элементы está n размещая прикрепленные на левом крыле вместо того, чтобы быть видным má s отделенные от этого, поскольку он происходит во мне snniped . – phpMyGuel 20.12.2019, 15:52
  • 4
    Очень хорошая эта observació n! – Jheyman Mejia 20.12.2019, 16:05