С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 09.02.2021
Сообщений: 203

Адаптивный интерфейс (правильно ли я понимаю что это такое)

05.10.2023, 18:45. Показов 596. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем доброго времени суток подскажите пожалуйста, что такое адаптивный интерфейс. Я его подключила через bootstap он всё работает, но преподаватель хочет чтобы я ему пальцем тыкнула в css где находится тег адаптивного интерфейса.
Правильно ли я понимаю что тег "col-" отвечает за адаптивный интерфейс или нет?
Буду очень благодарна за ответ
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.10.2023, 18:45
Ответы с готовыми решениями:

Не понимаю, что это такое
Здравствуйте уважаемые знатоки! Есть проблема с пониманием данного метода: public final int hash(int h) { h ^= (h >>>...

Я не понимаю что это такое
Добрый вечер, писал курсовую на плюсах по составлению конкорданса и что-то как-то не задалось совершенно, выдает ошибку при работе в...

Правильно ли я понимаю, что такое VPN?
Здравствуйте, подскажите, правильно ли я понимаю, что такое VPN? VPN (Virtual Private Network — виртуальная частная сеть) — это...

11
 Аватар для NTHing
1818 / 962 / 388
Регистрация: 26.11.2014
Сообщений: 1,962
Записей в блоге: 1
05.10.2023, 20:50
Цитата Сообщение от Msrsis Посмотреть сообщение
в css где находится тег адаптивного интерфейса.
В css нет тегов адаптивного интерфейса.
Что касается самого адаптивного интерфейса, то это такой интерфейс, который максимально адекватно представлен пользователю при любых разрешениях, и на любых девайсах.
1
0 / 0 / 0
Регистрация: 09.02.2021
Сообщений: 203
05.10.2023, 22:21  [ТС]
NTHing, Спасибо большое за подробный ответ. А как можно доказать преподавателю что подключён адаптивный интерфейс?. Можно ли с помощью что он используется в коде "col-" или что Bootstrap подключён это уже есть этот интерфейс? или в этом коде уже есть?
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("GRID-сети", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Новости", "News", "Home")</li>
                    <li>@Html.ActionLink("История", "History", "Home")</li>
                    <li>@Html.ActionLink("Теория", "Theory", "Home")</li>
                    <li>@Html.ActionLink("Примеры", "Examples", "Home")</li>
                    <li>@Html.ActionLink("Источники", "Sources", "Home")</li>
                    <li>
                        @using (Html.BeginForm("Search", "Home", FormMethod.Get, new { @class = "form-inline", @style = "margin-top: 8px;" }))
                        {
                            <div class="form-group">
                                @Html.TextBox("title", null, new { @class = "form-control", placeholder = "Поиск" })
                                <button type="submit" class="btn btn-default">Поиск</button>
                            </div>
                        }
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    @if (!User.Identity.IsAuthenticated)
                    {
                        <li>@Html.ActionLink("Вход", "Login", "Account")</li>
                    }
                    else
                    {
                        <li>@Html.ActionLink("Выход", "LogOut", "Account")</li>
                    }
                </ul>
            </div>
        </div>
    </div>
Миниатюры
Адаптивный интерфейс (правильно ли я понимаю что это такое)  
0
 Аватар для NTHing
1818 / 962 / 388
Регистрация: 26.11.2014
Сообщений: 1,962
Записей в блоге: 1
06.10.2023, 00:33
Как минимум для преподавателя можете сказать, что если подключен Бутстрап и есть хоть один класс container, то уже есть адаптив. Как максимум (см. мой пред. ответ) — простор для творчества не ограничен.
Опять же, Бутстрап совсем не обязателен для адаптива. Адаптив это философия, а Бутстрап это библиотека. Можете завернуть это преподу, глянете на его выражение лица, потом расскажете. )
0
0 / 0 / 0
Регистрация: 09.02.2021
Сообщений: 203
06.10.2023, 20:00  [ТС]
NTHing, обязательно расскажу)). Самой интересно .
Подскажите а что за класс container
0
926 / 549 / 291
Регистрация: 07.11.2022
Сообщений: 899
06.10.2023, 20:23
Цитата Сообщение от Msrsis Посмотреть сообщение
Подскажите а что за класс container
Почитайте статью на тему: Верстка адаптивного макета на Bootstrap
1
0 / 0 / 0
Регистрация: 09.02.2021
Сообщений: 203
06.10.2023, 21:47  [ТС]
NTHing, подскажите пожалуйста может вы знаете как добавить стили текста в css. Надо отредактировать текст <h1>Курсовая работа "GRID-сети"</h1>, хотя у меня там стоить уже стиль "jumbotron", может можно добавить стиль чтобы можно было изменять текст (отступы, центровка и тд)
C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@{
    ViewBag.Title = "GRID-сети";
}
 
<div class="jumbotron">
   
    <h1>Курсовая работа "GRID-сети"</h1>
</div>
 
<div class="row">
    <div class="col-md-6">
        <h2>Немного о работе</h2>
 
        <p>Курсовая работа разработана на основе  ASP.Net MVC при помощи Visual Studio 2019 с поддержкой фреймворка Bootstrap.</p>
    </div>
        <div class="col-md-6">
            <h2>И ещё немного о приложении</h2>
 
            <p>Информация храниться в базе данных MS SQL Server. Для доступа к базе данных MS SQL Server  используется технологию ADO.Net. </p>
 
        </div>
    </div>
Миниатюры
Адаптивный интерфейс (правильно ли я понимаю что это такое)  
0
0 / 0 / 0
Регистрация: 09.02.2021
Сообщений: 203
06.10.2023, 22:18  [ТС]
rr33rr, NTHing, вот так вот будет правильно ? и добавил div.text_1 в css
<div class="jumbotron">
<h1 style="div.text_1">Курсовая работа "GRID-сети"</h1>
</div>
Миниатюры
Адаптивный интерфейс (правильно ли я понимаю что это такое)   Адаптивный интерфейс (правильно ли я понимаю что это такое)  
0
926 / 549 / 291
Регистрация: 07.11.2022
Сообщений: 899
07.10.2023, 04:26
Цитата Сообщение от Msrsis Посмотреть сообщение
добавить стиль чтобы можно было изменять текст (отступы, центровка и тд)
Если средствами Bootstrap (5 версия) (может отличатся от версии), то центровка и отступы регулируются так:

* Bootstrap - Выравнивание текста (документация)
Пример:
PHP/HTML
1
2
3
4
5
6
7
8
9
<h1 class="text-start">
  Выравнивание влево
</h1>
<h1 class="text-end">
  Выравнивание вправо
</h1>
<h1 class="text-center">
  Выравнивание по центру
</h1>
* Bootstrap - Отступы (документация)
Пример:
PHP/HTML
1
2
3
<h1 class="text-center px-2 m-3">
  Выравнивание по центру; padding по горизонтали - 0.5rem (px-2 = 2*0.25rem); margin со всех сторон - 0.75rem (m-3 = 3*0.25rem)
</h1>

* Всякое "и тд" зависит от того, что внутри "тд" )

Если же через инлайновые стили (тег style), то как-то так:
Пример:
PHP/HTML
1
2
3
<h1 style="text-align: center; padding: 50px; margin-top: 1.5em; background: #ccc; color: red; border: 5px dotted #999;">
  Выравнивание по центру; padding со всех сторон - 50px; margin сверху - 1.5em; серый фон; красный цвет; рамка из точек
</h1>
См в песочнице
0
0 / 0 / 0
Регистрация: 09.02.2021
Сообщений: 203
07.10.2023, 09:36  [ТС]
NTHing, rr33rr, а можно ли как то, поместить этот стили текста в css.
А написать только например вверху текста сам сам стиль, а параметры стиля будут находится в самом файле css
0
926 / 549 / 291
Регистрация: 07.11.2022
Сообщений: 899
07.10.2023, 09:58
Цитата Сообщение от Msrsis Посмотреть сообщение
а можно ли как то, поместить этот стили текста в css
Можно.
Вместо инлайновых стилей задать class (или id), прописать свойства этого класса в css-файле, а сам css-файл указать в разделе head с помощью тега link:
HTML5
1
2
3
4
5
6
7
8
9
10
11
<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<h1 class="heading">
    Выравнивание по центру; padding со всех сторон - 50px; margin сверху - 1.5em; серый фон; красный цвет; рамка из точек
</h1>
</body>
</html>
style.css
CSS
1
2
3
4
5
6
7
8
.heading {
    text-align: center;
    padding: 50px;
    margin-top: 1.5em;
    background: #ccc;
    color: red;
    border: 5px dotted #999;
}
0
 Аватар для NTHing
1818 / 962 / 388
Регистрация: 26.11.2014
Сообщений: 1,962
Записей в блоге: 1
07.10.2023, 13:29
Цитата Сообщение от Msrsis Посмотреть сообщение
но преподаватель хочет чтобы я ему пальцем тыкнула в css где находится тег адаптивного интерфейса.
Помимо всего сказанного, я вам больше скажу (преподу только не говорите, а то он в обморок упадёт). Адаптивный интерфейс идёт в браузере "из коробки".
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
07.10.2023, 13:29
Помогаю со студенческими работами здесь

Что такое монитор и что такое мьютекс? Это же разные вещи?
Здравствуйте. В разных айти-статьях по-разному используют эти термины, причём часто их путают друг с другом. Хотелось бы, чтобы кто-нибудь...

Как такое может быть и что это такое?
в маленьком превью одна картинка, открываешь совершенно другая (какая и должна быть) с чем это связано?

Одни говорят что класс это объект, другие, что класс-это шаблон объекта, дак что такое объект?
Вот читаю и википедию, и на форумах, одни пишут, что класс, это шаблон по которому создается объект, другие пишут, что класс может быть или...

Не понимаю что такое структура
Привет. Начитал много статей о структурах, так и ничего не понял... Кто может объяснить &quot;на своих словах&quot;? Видел, что объявляют...

Я не понимаю, что такое API
Я часто встречаю это слово: в вакансиях, в учебниках, в разговорах, но не понимаю, что это такое. Я включал разные видео на ютубе про...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru