Bootstrap row

pytanie zadane 12 stycznia 2019 w HTML i CSS przez kingkushlee Gaduła (3,960 p.)


<!DOCTYPE html>
<html lang="en">
<head>   
    <meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="keywords" content="">

    <title>Sklep</title>

	<link rel="Shortcut icon" href="favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Bungee|Ubuntu" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.css">

    <style>
        body {
            margin: 0 !important;
        }
    </style>

    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="header-container">
        <header class="wrapper clearfix">
            <a href="strona-glowna"><h2 class="title">h2</h2></a>
            <nav>
                <ul>
                    <li><a href="sklep">Sklep</a></li>
                    <li><a href="kontakt">Kontakt</a></li>
                    <li><a href="hall-of-fame">Statystyki</a></li>
                </ul>
            </nav>
        </header>
        
        <div class="main-container">
            <div class="main wrapper clearfix" id="new">

                <article>
                    <header class="container">
                        <div class="row">
                            <div class="col-md-4">fds</div>
                            <div class="col-md-4">hd</div>
                            <div class="col-md-4">s</div>
                        </div>
                    </header>
                </article>

            </div>
        </div>

    </div>
</body>    
</html>

chodzi o to, że elementy .col-md-4 nie chcą się układać jeden obok drugiego.

4 odpowiedzi

odpowiedź 12 stycznia 2019 przez arces Pasjonat (17,700 p.)

Z której wersji Bootstrapa korzystasz? Bo na codepen działa wszystko po dodaniu BS 4.

komentarz 12 stycznia 2019 przez kingkushlee Gaduła (3,960 p.)

BS 4

komentarz 12 stycznia 2019 przez arces Pasjonat (17,700 p.)

Plik CSS na pewno jest w tym folderze i tak się nazywa? Pokaż strukturę projektu.

P.S.

Tak jak Ci podają koledzy, sprawdź też konsolę i wypisz ewentualne błędy. Możesz tam również sprawdzić, czy plik CSS jest wczytywany.

odpowiedź 12 stycznia 2019 przez pablop76 VIP (123,180 p.)

Stawiam na źle dołączony arkusz css. U MNIE DZIAŁA

komentarz 12 stycznia 2019 przez kingkushlee Gaduła (3,960 p.)

gdzie jest błąd? Gdzie najlepiej podpiąć akrusz css?

odpowiedź 12 stycznia 2019 przez Tomek Sochacki Ekspert (227,510 p.)

odpowiedź 12 stycznia 2019 przez lateM Pasjonat (17,660 p.)

Arkusz wygląda na dobrze podpięty, ale sprawdź, czy plik bootstrap.css jest faktycznie bezpośrednio w folderze css a nie na przykład znajduje się jeszcze w kolejnym pliku - wtedy będzie trzeba zmienić ścieżkę do pliku.
Kolejna sprawa - na 100% masz plik bootstrap.css a nie na przykład bootstrap.min.css?

Możesz jeszcze spróbować załadować css w ten sposób:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

Czy elementy <div class="main-container"> <div class="main wrapper clearfix" id="new"> nie mają jakichś styli, które mogą zakłócać działanie siatki bootstrapa jak na przykład jakieś sztywne "width"?
Pokaż na screenie w jaki sposób te elementy się u Ciebie (nie) układają