icon RUS

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

18 октября 2022

3des

3des добавил(а) комментарий на [#37 Как расположить объекты по правому краю?]

Не совсем понятно, что значит «рядом с кнопкой»

выше или ниже или с лева или с права от кнопки?

но вероятно где то так:

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-10">
        </div>
        <div class="col-sm-2">
            <h3>+7(863)-777-00-00</h3>
            <p>Rostov-n-don</p>
            <button type="button" class="btn btn-primaty">Запись на прием</button>
        </div>
    </div>
</div>


или так:

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-8">
        </div>
        <div class="col-sm-2">
            <h3>+7(863)-777-00-00</h3>
            <p>Rostov-n-don</p>
        </div>
        <div class="col-sm-2">
            <button type="button" class="btn btn-primaty">Запись на прием</button>
        </div>
    </div>
</div>

12 сентября 2022

shpunt

shpunt добавил комментарий на [#32 как сделать Bootstrap сетку]

Набрал в поисковике «aside в bootstrap».Получил много ссылок, открыл первую- «Верстка адаптивного макета на Bootstrap — ИТ Шеф» (https://itchief.ru/bootstrap/adaptive-layout?ysclid=l6t6hlo38r595851586) там подробно описан ваш вопрос

14 августа 2022

imazin

imazin добавил комментарий на [Как разместить div горизонтально по центру в Boots...]

Спасибо! Исправили
imazin

imazin оценил комментарий на [Как разместить div горизонтально по центру в Boots...]

Попробовал ваш код ни фига не получается. Потом зашел в «Смотреть в Codepen» и там
увидел что надо добавить css стили. Почему об этом в статье ничего не сказано?
shpunt

shpunt добавил комментарий на [Как разместить div горизонтально по центру в Boots...]

Попробовал ваш код ни фига не получается. Потом зашел в «Смотреть в Codepen» и там
увидел что надо добавить css стили. Почему об этом в статье ничего не сказано?

14 апреля 2022

SpecSaleIT

SpecSaleIT добавил(а) комментарий на [#34 css]

<div class="yourclass">
...
</div>


.yourclass{
display: flex;
justify-content: center;
align-items: center;
}

я думаю так, попробуй, а вообще сложно так сказать, если не видеть кода

12 апреля 2022

SpecSaleIT

SpecSaleIT добавил(а) комментарий на [#37 Как расположить объекты по правому краю?]

Попробуй так, самым простым методом:
Добавь к классу col-lg-10 еще один, например, heruggu:
<div class="col-lg-10 heruggu"> - так должно получиться.
<style type="text/css">
.heruggu{float:right;text-align:right;}
.heruggu:after{content:'';display:block;clear:both;}
</style>

надеюсь поможет)

20 января 2022

7 октября 2021

22 мая 2021

18 мая 2021

МИХАИЛ

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

VSCode с плагином для Bootstrap.

21 марта 2021

Vadim

Vadim добавил(а) комментарий на [#33 как сделать bootstrap modal на всю ширину экра...]

В общем случае, модальное окно будет занимать всю ширину экрана, если его родительский блок занимает всю ширину экрана. Не зная структуры твоей страницы, где находится твое модальное окно и что там происходит вообще, сложно подсказать точно. Нужно смотреть полный код, со стилями. В частности, внутри чего завернуто твоё модальное окно.
Vadim

Vadim оценил(а) комментарий на [#27 как быстро закрыть bootstrap modal?]

вообще за анимацию модального окна отвечает класс .fade Если его убрать то можно увидеть как статично оно становится на открытии и закрытии. Если нужно сделать только на закрытии, то можно удалять этот класс перед $('#a').modal('hide'); через событие hide.bs.modal и потом снова возвращать можно тоже на событии но уже show.bs.modal

Здесь пример jsfiddle

$(function () {
    $(".custom-close").on('click', function() {
       $('#a').modal('hide');
    });
    
    $('#a').on('hide.bs.modal', function (e) {
      $('#a').removeClass('fade');
    });
    
    $('#a').on('show.bs.modal', function (e) {
      $('#a').addClass('fade');
    });   
});

7 марта 2021

2DROTS

2DROTS добавляет вопрос [#34 css]

10 декабря 2020

imazin

imazin добавил комментарий на [#27 как быстро закрыть bootstrap modal?]

вообще за анимацию модального окна отвечает класс .fade Если его убрать то можно увидеть как статично оно становится на открытии и закрытии. Если нужно сделать только на закрытии, то можно удалять этот класс перед $('#a').modal('hide'); через событие hide.bs.modal и потом снова возвращать можно тоже на событии но уже show.bs.modal

Здесь пример jsfiddle

$(function () {
    $(".custom-close").on('click', function() {
       $('#a').modal('hide');
    });
    
    $('#a').on('hide.bs.modal', function (e) {
      $('#a').removeClass('fade');
    });
    
    $('#a').on('show.bs.modal', function (e) {
      $('#a').addClass('fade');
    });   
});

Активность