Как ориентировать fa-icon?

Я хотел бы знать: Как ориентировать статьи внутри одного <div>?, в особенности, если статья - fa-icon. Какова ошибка?. Я попытался: Выравнивать текст объекта, выравнивать статьи, margin:0 автомобиль, определять стиль. Ничто не последовало мне. Я благодарен за Ваше сотрудничество и имею фрагмент кода, где увидена ошибка.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="row">
  <div class="col-lg-3">
    <div class="section-overview">
      <h3 style="color:#062156">Enlaces Relacionados:</h3>
    </div>
  </div>
  <div class="col-lg-9">
    <ul class="thumbnails">
      <div class="col-lg-4 col-md-4">
        <div class="relacionados-item">
          <h4><a target="_blank" href="http://*">Texto.</a></h4>
          <h5>Texto 2.</h5>
          <a href="/videos.html" target="_blank">
            <i class="fa fa-cogs fa-4x"></i>
          </a>
        </div>
      </div>
  </div>

-Cogs хотел знать, как выравнивать значок fa для того, чтобы он был увиден сориентированный в связи с Вашим верхним текстом?

0
задан 23.02.2019, 01:09
2 ответа

Твоя проблема состоит в том, что ты не применяешь хорошо систему решетки Boostrap. У тебя есть один col-lg-3 следуемый одним col-lg-9 что складывают линию, продолженный одним col-* внутри, но у которого нет Вашего корреспондента row.

Чтобы это ориентировать только ты должен использовать класс text-center Bootstrap.

.thumbnails {
  list-style: none;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="row">
  <div class="col-lg-3">
    <div class="section-overview">
      <h3 style="color:#062156">Enlaces Relacionados:</h3>
    </div>
  </div>
  <div class="col-lg-9">
    <ul class="thumbnails">
      <li>
        <div class="row">
          <div class="col-lg-4 col-md-4">
            <div class="relacionados-item text-center">
              <h4><a target="blanck" href="http://*">Texto.</a></h4>
              <h5>Texto 2.</h5>
              <a href="/videos.html" target="_blank">
                <i class="fa fa-cogs fa-4x"></i>
              </a>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
0
ответ дан 03.12.2019, 22:07

ВїEl ошибка?: Включать внутри той же самой divisiГіn в текст и в fa-icon. SoluciГіn: Доставать контент, который не интересует меня ориентировать <div>, и использовать css sГіlo, чтобы помещать значок в ней posiciГіn желаемые center. ВїCГіmo serГ - в нового cГіdigo? HTML:

   <h4><a target="blanck" href="http://*">Texto.</a></h4>
   <h5>Texto 2.</h5>    
   <div id="info">
       <a href="/"><i class="fa fa-cogs fa-4x"></i></a>
   </div>

CSS:

#info {
    width: 50%;
    margin: 0 auto; 
}
1
ответ дан 03.12.2019, 22:07
  • 1
    Смени target=blanck на target=blank, чтобы не приводить другие в ошибки. и #201; сведите с ума глаз в css в этом другом примере, если дополняет что-то твой ответ: bootply.com/132008 –  kikocorreoso 09.06.2016, 10:50
  • 2
    В самом деле его target="_blank" –  Shaz 09.06.2016, 16:20

Теги

Похожие вопросы