Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.02.2023, 11:37   #1
Andreych74
Пользователь
 
Регистрация: 15.08.2008
Сообщений: 12
По умолчанию Классы Bootstrap в CSS

Здравствуйте!
Можно ли классы Bootstrap как-то указать в файле CSS, а не в html ?

Например, в html постоянно указан класс btn-primary.
Код:
<input class="btn btn-primary" type="submit" name="action">
А если я хочу присвоить кнопке свой класс в файле css, а уже в нем менять или btn-primary или btn-secondary и т.п.
Т.е. в html будет
Код:
<input class="myClass" type="submit" name="action">
А в css что-то вроде этого:
Код:
.myClass {
  .btn; 
  .btn-primary; (добавить классы Bootstrap)
  top: 20px;
  left: 50px;
}
Andreych74 вне форума Ответить с цитированием
Старый 09.02.2023, 12:32   #2
Вадим Фролов
Пользователь
 
Аватар для Вадим Фролов
 
Регистрация: 02.05.2022
Сообщений: 81
По умолчанию

Цитата:
Сообщение от Andreych74 Посмотреть сообщение
Здравствуйте!
Можно ли классы Bootstrap как-то указать в файле CSS, а не в html ?

Например, в html постоянно указан класс btn-primary.
Код:
<input class="btn btn-primary" type="submit" name="action">
А если я хочу присвоить кнопке свой класс в файле css, а уже в нем менять или btn-primary или btn-secondary и т.п.
Т.е. в html будет
Код:
<input class="myClass" type="submit" name="action">
А в css что-то вроде этого:
Код:
.myClass {
  .btn; 
  .btn-primary; (добавить классы Bootstrap)
  top: 20px;
  left: 50px;
}
Нет так классы не добавляются! Можно сделать например так в html <input class="btn btn-primary myClass" type="submit" name="action"> А в css вложенностей нету как у препроцессоров. В css будет так .myClass {
top: 20px;
left: 50px;
}

.btn {
стили описываешь тут
}

.btn-primary {
стили описываешь тут
}

Но стиль в данном случае будет подключаться тот что стоит последним в html классе сейчас будет работать стиль myClass. Тут вопрос в том для чего нужны эти 3 класса? Какой из них главный и что должно выполняться вообще в задаче? Обычно стили дополнительные присваиваются или удаляются с помощью манипуляций с языком программирования
Вадим Фролов вне форума Ответить с цитированием
Старый 14.02.2023, 10:31   #3
Andreych74
Пользователь
 
Регистрация: 15.08.2008
Сообщений: 12
По умолчанию

Да, именно так как я написал, классы не добавляются друг в друга. Но я думал может есть все же какой-то способ реализовать такое поведение.
Наверное непонятно зачем это надо. Ну вот например, есть много кнопок с классом btn-primary, а я для них всех хочу быстро поменять класс на btn-secondary, в одном месте в файле css. Вручную, на этапе верстки страниц html.
Можно потом изменять классы программно, можно также групповой заменой текста в редакторе html, но это не то, что я ищу.
Andreych74 вне форума Ответить с цитированием
Старый 14.02.2023, 13:44   #4
Вадим Фролов
Пользователь
 
Аватар для Вадим Фролов
 
Регистрация: 02.05.2022
Сообщений: 81
По умолчанию

Цитата:
Сообщение от Andreych74 Посмотреть сообщение
Да, именно так как я написал, классы не добавляются друг в друга. Но я думал может есть все же какой-то способ реализовать такое поведение.
Наверное непонятно зачем это надо. Ну вот например, есть много кнопок с классом btn-primary, а я для них всех хочу быстро поменять класс на btn-secondary, в одном месте в файле css. Вручную, на этапе верстки страниц html.
Можно потом изменять классы программно, можно также групповой заменой текста в редакторе html, но это не то, что я ищу.
Думаю только с помощью кода можно менять стили у всех кнопок по клику или подобному событию.
Вадим Фролов вне форума Ответить с цитированием
Старый 14.02.2023, 13:47   #5
macomics
Участник клуба
 
Регистрация: 17.04.2022
Сообщений: 1,833
По умолчанию

А в чем смысл заменять имена css классов. Просто измените форматирование в уже заданном классе, а для новых элементов придумайте новое имя класса.
macomics вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
bootstrap 4 не работают некоторые классы igorek2707 Общие вопросы Web 1 12.07.2018 17:16
Проблема по Bootstrap DelProg_Klubok HTML и CSS 0 17.04.2017 21:36
фреймворк bootstrap orion1212 HTML и CSS 7 16.05.2016 23:29
bootstrap 3.1.1 не работают классы у инпутов zaki HTML и CSS 2 04.09.2014 11:26
Joomla 2.5 + Bootstrap 3 Mick_20 HTML и CSS 0 26.02.2014 14:11