Автор Тема: В чем причина?  (Прочитано 352 раз)

09 Июль, 2018, 20:05:08

Оффлайн Быковская_Све

  • Школьник
  • *
  • Сообщений: 12
  • Репутация: 0
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Chrome 65.0.3325.181 Chrome 65.0.3325.181
    • Просмотр профиля
Помогите с бутстрапом! Почему я должна задавать ширину? оно же автоматом должно вроде?
Вот код:
<!DOCTYPE html>
<html>
    <head>
        <title>Прив
        </title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="D:\t\css\style.css">
        <meta name="viewport" content="width-device-width">
         <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
       
    </head>
    <body>
        <header>
            <h1>Test</h1>
        </header>
<div class="row">
        <div class="sol-xs-12 col-sm-9 col-md-4 col-lg-6" style="background-color:red; width:300px; height:50px;">
         First   
    </div>
            <div class="col-xs-12 col-sm-3 col-md-4 col-6" style="background-color:pink; width:400px; height:50px;">
            Two
           
           
           
    </div> 
           
           
        </div>
        </body>
</html>

Форум вебмастеров - Webmasters.BY

В чем причина?
« : 09 Июль, 2018, 20:05:08 »

10 Июль, 2018, 12:48:22
Ответ #1

Оффлайн Diver

  • Administrator
  • Гуру форума
  • *****
  • Сообщений: 4940
  • Репутация: 112
  • Шииикарно!
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Firefox 61.0 Firefox 61.0
    • Просмотр профиля
ну так колонки (сol-xs-12 col-sm-9 и т.д.) имеют ширину в процентах, в зависимости от ширины окна браузера, а если вам нужна фиксированная ширина, то создайте для этого отдельный класс
кстати, блоки с классом row должны быть внутри блока с классом container