Невозможно распечатать содержимое строки (столбцы) в одну строку (строку) с помощью flexbox. Изменение размера не работает

Я использую файл flexboxgrid.css, загруженный с http://flexboxgrid.com/ Этот код не отображает столбцы в одной строке, а также при изменении размера изменения отсутствуют. Это просто остается там. Я пробовал это на всех известных браузерах.

Кроме того, когда я настраиваю значения xs, sm, md и lg в контексте столбцов, он меняет свою позицию при изменении размера, но перекрывается.

<!DOCTYPE html>
<html>
<head>
 <title>Welcome to SchoolDiaries</title>
 <link rel="stylesheet" type="text/css" href="css/flexboxgrid.css">
 <link rel="stylesheet" type="text/css" href="css/mystyle.css">
</head>
<body >
 <!--HEADER -->
 <header id="main-header">
  <div class="container">
   <div class="row" >
    <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
     <h1>SchoolDiaries</h1>
    </div>
    <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
     <nav id="navbar">
      <ul>
       <li><a href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
       <li><a href="contact.html">Contact</a></li>
      </ul>
     </nav>
    </div>
   </div>
  </div>  
 </header>
</body>
</html>

Источник

0 ответов

Другие вопросы по тегам