icon RUS

80

Лента активности

19 апреля 2020

imazin

imazin добавляет обсуждение [Компиляция и отслеживание Sass]

imazin

imazin добавил комментарий на [#20 Почему Bootstrap использует устаревшие размеры...]

Имеется ввиду, что не поддерживаются CSS переменные. Но не говорится про sass переменные с ними всё хорошо они работают и функционируют

17 апреля 2020

Александр

Александр добавил(а) комментарий на [#20 Почему Bootstrap использует устаревшие размеры...]

В документации написано что не поддерживается уже
@media (min-width: var(--breakpoint-sm)) {
  ...
}

16 апреля 2020

imazin

imazin добавил комментарий на [#20 Почему Bootstrap использует устаревшие размеры...]

Такоё чувство что документацию ещё не читали) Начало работы/Настройка темы

собрал статью для начинающих Как переопределить CSS по умолчанию в Bootstrap есть видео можете посмотреть

15 апреля 2020

imazin

imazin добавляет статью [Как переопределить CSS по умолчанию в Bootstrap]

Анастасия

Анастасия добавила комментарий на [#20 Почему Bootstrap использует устаревшие размеры...]

А где это нужно изменить?

13 апреля 2020

imazin

imazin добавил комментарий на [#20 Почему Bootstrap использует устаревшие размеры...]

Bootstrap это инструмент и в исходном состоянии имеет значения по умолчанию
ничто не мешает изменить точки перехода на свой вкус, как и другие элементы 

// File: theme.scss
// Override default BT variables:
$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px,
        xxl: 1900px
);

$container-max-widths: (
        sm: 540px,
        md: 720px,
        lg: 960px,
        xl: 1140px,
        xxl: 1610px
);

// Import BT sources
@import "../node_modules/bootstrap/scss/bootstrap";

// Your CSS (SASS) rules here...
Анастасия

Анастасия добавляет вопрос [#20 Почему Bootstrap использует устаревшие размеры...]

10 апреля 2020

Александр

Александр добавил(а) комментарий на [#19 Несколько загрузочных файлов, переопределяющих...]

Возьмите любой один файл css и удалите классы, которые присутствуют в других, или извлеките важные классы и удалите другие классы

9 апреля 2020

Павел

Павел добавляет вопрос [#19 Несколько загрузочных файлов, переопределяющих...]

imazin

imazin добавил комментарий на [#17 Как преобразовать кнопку в спиннер?] 

$(document).ready(function() {
	$(".btn.btn-primary").on("click", function() { 
   $(this).addClass("d-none");
   $(".spinner-border").removeClass("d-none");
  });
});



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<button class="btn btn-primary">
  Push Me
</button>
<div class="spinner-border d-none" role="status">
  <span class="sr-only">Loading...</span>
</div>


https://jsfiddle.net/dunglnh/uzvw8gmj/11/
Mosoyne

Mosoyne добавляет вопрос [#17 Как преобразовать кнопку в спиннер?]

31 марта 2020

Александр

Александр добавил(а) комментарий на [Какие редакторы для Bootstrap вы используете]

Я имел ввиду редактор кода типа Sublime с плагином Bootstrap где автозавершение или снипеты с готовыми элементами. Вариант с онлайн редактором конечно интересный, но я привык кодить ручками)

30 марта 2020

imazin

imazin добавил комментарий на [Какие редакторы для Bootstrap вы используете]

Редактор кода или редактор шаблонов? К примеру онлайн редактор шаблонов layoutit Где можно накидать элементы и скачать получившийся шаблон

26 марта 2020

Анастасия

Анастасия оценила комментарий на [#12 Ширина поля Bootstrap изменяется при применени...] 

.form-inline input:not(.is-invalid),
.form-inline input:not(.is-valid) {
    padding-right: calc(1.5em + 0.75rem);
}

Активность