Я хотел бы знать: Как ориентировать статьи внутри одного <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 для того, чтобы он был увиден сориентированный в связи с Вашим верхним текстом?
Твоя проблема состоит в том, что ты не применяешь хорошо систему решетки 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>
Вї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;
}
target=blanck
на target=blank
, чтобы не приводить другие в ошибки. и #201; сведите с ума глаз в css в этом другом примере, если дополняет что-то твой ответ: bootply.com/132008
– kikocorreoso
09.06.2016, 10:50