как я могу удалить стиль бутстрапа на элементе pre

Question

Я использую bootstrap, и я должен использовать тег <pre> в моем коде, но Bootstrap укладывает его в стиль, и мне это не нравится. Я знаю, что мне нужно переопределить его, но я не знаю, какие именно атрибуты я должен изменить, так что <pre> выглядит просто в HTML без стиля Bootstrap.

<link rel="stylesheet" type="text/css" href="bootstrap.min.css"> 
<style type="text/css"> 
    pre{ 

    } 
</style> 

Так что код я положил в <pre> тег?

Answer 1

стили Bootstrap предварительно тег как так

pre{ 
    display: block; 
    font-family: monospace; 
    padding: 9.5px; 
    margin: 0 0 10px; 
    font-size: 13px; 
    line-height: 1.42857143; 
    color: #333; 
    word-break: break-all; 
    word-wrap: break-word; 
    background-color: #f5f5f5; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
} 

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

Вот основной стиль для HTML тегов в каждом браузере

• Firefox (Gecko): http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css. Или перейдите на ресурс: // gre-resources/и посмотрите на html.css.
• Chrome/Safari (WebKit): http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
• Chrome (Blink): https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
• Internet Explorer (Trident), все версии: http://www.iecss.com/

Надежда, которая может помочь:)