icon RUS

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

17 августа 2020

imazin

imazin добавил комментарий на [#23 Как в Bootstrap 3 зафиксировать меню вверху пр...]

Если я правильно понял цель прилепить только тогда когда прокрутка достигает навигацию
попробуйте заменить в классе .navbar-fixed-top свойство position: fixed на sticky либо добавьте новый класс .navbar-sticky-top, чтобы не портить фиксированное расположение
расположите ниже класса .navbar-fixed-top, чтобы перекрыть значение
.navbar-sticky-top {
    position: sticky;
}

и используйте вместе с .navbar-fixed-top

3 июля 2020

imazin

imazin добавил комментарий на [#22 Как выделить подпункт в боковом меню sidebar]

Насколько мне известно в исходниках bootstrap нет sidebar, он также не описан в документации. sidebar есть в исходниках документации bootstrap-4.4.1\site\docs\4.4\assets\scss\_sidebar.scss
Необходимо смотреть у вас текущую реализацию, возможно она вообще сторонняя судя по описанному sidebar-item
А так обычно два варианта либо класс active на <li> либо на <a>


Посмотрите в исходном коде что отвечает за hover списка меню


28 апреля 2020

Mosoyne

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

Спасиб! Получилось
Mosoyne

Mosoyne оценил комментарий на [#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/

24 апреля 2020

22 апреля 2020

Иван

Иван добавил комментарий на [Компиляция и отслеживание Sass]

Мне понравился Prepros! Написано платно, но бесплатная версия тоже работает и её хватает
Павел

Павел добавил(а) комментарий на [#21 Система сеток flex Bootstrap 4]

Я почему-то не замечал эти файлы или не придавал им значение. Спасибо!

21 апреля 2020

Павел

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

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

Иван оценил комментарий на [#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...
imazin

imazin оценил комментарий на [#21 Система сеток flex Bootstrap 4]

А чем не устраивает bootstrap-grid.css, который поставляется в релизе B4?
Иван

Иван добавил комментарий на [#21 Система сеток flex Bootstrap 4]

А чем не устраивает bootstrap-grid.css, который поставляется в релизе B4?
Павел

Павел добавляет вопрос [#21 Система сеток flex Bootstrap 4]

Активность