Как добавить Bootstrap без перезагрузки CSS? - PullRequest
Новая
       21

Как добавить Bootstrap без перезагрузки CSS?

0 голосов
/ 05 апреля 2019

У меня очень старая рабочая страница, которую я вообще не хочу менять / обновлять.Мне нужно добавить Bootstrap 3, потому что я добавил модальное всплывающее окно, но сброс / переустановка CSS по умолчанию в Bootstrap меняет старую страницу, поэтому она выглядит ужасно.

Есть ли простой способ предотвратить изменение Bootstrap CSS моимстраница по умолчанию?

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

1 Ответ

0 голосов
/ 05 апреля 2019

Отличное решение для предотвращения перезаписи - перейти на эту страницу и выбрать компоненты, которые вы просто хотите использовать. Это не позволит вам перенести ненужный код, который вам не нужен, и, надеюсь, предотвратит перезапись вашего CSS. Убедитесь, что вы добавили все свои CSS-файлы после вызова начальной загрузки. Кроме того, вы можете добавить сброс CSS в начале вашего файла CSS. Затем примените стиль и добавьте важные теги. 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
...