Хобрук: Ваш путь к мастерству в программировании

Иконки Fontawesome в Bootstrap не квадратные

Я использую значки fontawesome для своего загрузочного сайта, но значки не имеют квадратного размера. Как обрабатывать значки, как если бы они были квадратными (с одинаковой шириной и высотой).
На моей боковой панели это — это результат значков, форма которых не квадратная. решение этой проблемы?

Возможно, решение проблемы заключается в создании собственного класса, но каким тогда будет класс?

Спасибо


  • Пожалуйста, покажите нам код, который вы использовали для создания боковой панели. 23.03.2017
  • Возможный дубликат Как убедиться, что каждый глиф имеет одинаковую ширину? 23.03.2017
  • @JoostS Извините, но при создании этого вопроса вопрос не отображался. 23.03.2017
  • Я думаю, вы ищете fa-fw. Просто добавьте этот класс к иконкам. 23.03.2017

Ответы:


1

Font Awesome имеет необязательный класс fa-fw, который будет отображать значки одинаковой ширины.

http://fontawesome.io/examples/#fixed-width

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<ul>
  <li><i class="fa fa-external-link fa-fw"></i> Hello world!</li>
  <li><i class="fa fa-mobile fa-fw"></i> Hello world!</li>
  <li><i class="fa fa-drivers-license-o fa-fw"></i> Hello world!</li>
</ul>

22.03.2017
  • Спасибо за быстрый ответ. Я посмотрел на связанный сайт, и он должен работать. Удовлетворительный ответ. :) 23.03.2017
  • Новые материалы

    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

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

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

    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..

    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..