icon RUS

80

imazin / Лента

imazin
  • imazin
  • 7 месяцев назад
  • 4 года назад
  • 7
imazin

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

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

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

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

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

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

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...
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/
imazin

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

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

imazin добавил комментарий на [#12 Ширина поля Bootstrap изменяется при применени...] 

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

imazin регистрируется. Приветствуем!

Активность