bulma niektóre elementy nie działają

0

Mam takie pytanie dopiero zaczynam z tym frameworkiem css i teraz dołączyłem ten framework w ten sposób i teraz np. klasa column nie wyświetla się tak jak powinna.
W skrócie tylko nieliczne elementy się dobrze wyświetlają.

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
  </head>
  <body>
      <span class="has-text-dark has-background-danger-light">asdasdsfdsafdsfdsfdsdfdsfsdf sadsds sds df d dfsdfsd </span>
      <nav class="navbar">
          <div class="navbar-brand">
              <a class="navbar-item">
                  <img src="sss.jpg" style="max-height: 70px"> 
              </a>
          </div>
      </nav>
    <div class="container">
<div class="columns">
  <div class="column">
    First column
  </div>
  <div class="column">
    Second column
  </div>
  <div class="column">
    Third column
  </div>
  <div class="column">
    Fourth column
  </div>
</div>
            </div>
 
  </body>
</html>

Zdjęcie strony.
https://ibb.co/H2vTkVs

4

tylko nieliczne elementy się dobrze wyświetlają

  • Piloci - Samolot zachowuje się śmiesznie.
  • Mechanicy - Poinstruowano samolot, żeby zachowywał się poważnie!
0

@pol90: Jesteś na forum parę lat. Czas się nauczyć języka zwierząt, bo jest nas trochę ;) . Smoczyca chce powiedzieć, żebyś sprecyzował co chcesz osiągnąć. Piszesz, że coś nie zachowuje się jak powinno. A jak Twoim zdaniem powinno?
A ja już myślałem, że ona mnie troluje.

Tak powinno się zachowywać.

https://ibb.co/JB4j31F

0

Ja tak teraz zauważyłem, że głównie tylko kolumny się źle wyświetlają i ikony się w ogóle nie wyświetlają wszystkie inne się dobrze wyświetla.

0

weź w znacznik

te nazwy kolumn z odpowiednimi klasami

<p class="bd-notification is-primary">Fourth column</p>
0

@gk1982: to samo, tak samo się zachowuje.

0

zmień link do bulma
bulma.io/css/bulma-docs.min.css

1

mi tak działa

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://bulma.io/css/bulma-docs.min.css">
  </head>
  <body>
      <span class="has-text-dark has-background-danger-light">asdasdsfdsafdsfdsfdsdfdsfsdf sadsds sds df d dfsdfsd </span>
      <nav class="navbar">
          <div class="navbar-brand">
              <a class="navbar-item">
                  <img src="sss.jpg" style="max-height: 70px"> 
              </a>
          </div>
      </nav>
    <div class="container">
<div class="columns">
  <div class="column">
    First column
  </div>
  <div class="column">
    Second column
  </div>
  <div class="column">
    Third column
  </div>
  <div class="column">
    <p class="bd-notification is-primary">Fourth column</p>
  </div>
</div>
            </div>

  </body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1