На этой странице документации Bootstrap представлен пример, демонстрирующий «блок героя», который обычно помещается вверху страницы и сообщает о чем-то важном. Я пытаюсь включить это в страницу, но я хотел бы также показать рядом с ним миниатюру. Вот что у меня есть:

  

    
  
  
Important Site Information
  
This paragraph contains important ... 
  
Learn more »

Это почти работает, но между эскизом и текстом нет промежутка:

Кроме того, изображение переполняет hero-unit div . Я понимаю, что могу исправить обе проблемы с помощью некоторых встроенных стилей:

...

Однако встроенные стили действительно не идеальны, и я не решаюсь применять их ко всему сайту, редактируя bootstrap.css . Есть ли способ лучше? Я уверен, что кто-то сталкивался с этим раньше.