• DONATE to NULLED!
    Форуму и его команде можно помочь, мотивировать модераторов разделов.
    Помогите модератору этого раздела killoff лично.

Помощь Как вывести посты в 2 колонки в bootstrap?

valera22

Местный житель
Регистрация
22 Сен 2013
Сообщения
206
Реакции
21
Нужно, что бы посты выводились в 2 колонки как на примере Для просмотра ссылки Войди или Зарегистрируйся

пытался сам, но что то не получается

<div class="col-md-6">
<div class="card mb-4 w-100 ded shadow">
<div class="card-header" style="padding: 0.8rem 1rem;">
<ul class="list-inline m-0">
<li class="list-inline-item auth f90">
<div class="container">


<div class="col-lg-9 col-md-12 col-sm-12 my-4">
<a href="{full-link}">

<img src="{image-1}" alt="{title}" class="img-thumbnail">

</a>
</div>
<div class="col-md-8">
[fixed]
<h4 class="h5 gss"><a href="{full-link}" class="text-dark" style=" color: #f69f00 !important;"><i class="icon-energy mr-2 ffx"></i>{title}</a></h4>
[/fixed]
[not-fixed]
<h4 class="h5 gss"><a href="{full-link}" class="text-dark">{title}</a></h4>
[/not-fixed]
<div class="noimg" style="color: #868588;line-height: 1.4; font-size: 94%;">{short-story limit="80"}</div>

</div>

</div>
</div>
<div class="card-footer">
<ul class="list-inline m-0 text-muted f90 isize">
<li class="list-inline-item auth"> <i class="fa fa-user-o" aria-hidden="true"></i> <a href="/user/{login}">{login}</a></li>
<li class="list-inline-item"><i class="icon-clock" aria-hidden="true"></i> {date}</li>
<li class="list-inline-item float-right">
<span style="font-weight: bold;" >[xfvalue_money] <span class="fa fa-rub"></span></span>
</li>
</ul>
</div>
</div>
</div>
 
Код:
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
<a class="navbar-brand" href="#">Top navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
    <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
        </li>
    </ul>
    <form class="form-inline mt-2 mt-md-0">
        <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
</div>
</nav>
<main role="main" class="container">
<div class="jumbotron">
    <h1>primer</h1>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="card mb-4 w-100 ded shadow">
            <div class="card-header" style="padding: 0.8rem 1rem;">
                <ul class="list-inline m-0">
                    <li class="list-inline-item auth f90">
                    <div class="container">
                        <div class="col-lg-9 col-md-12 col-sm-12 my-4">
                            <a href="{full-link}">
                            <img src="{image-1}" alt="{title}" class="img-thumbnail">
                            </a>
                        </div>
                        <div class="col-md-8">
                            [fixed]
                            <h4 class="h5 gss"><a href="{full-link}" class="text-dark" style=" color: #f69f00 !important;"><i class="icon-energy mr-2 ffx"></i>{title}</a></h4>
                            [/fixed] [not-fixed]
                            <h4 class="h5 gss"><a href="{full-link}" class="text-dark">{title}</a></h4>
                            [/not-fixed]
                            <div class="noimg" style="color: #868588;line-height: 1.4; font-size: 94%;">
                                {short-story limit="80"}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <ul class="list-inline m-0 text-muted f90 isize">
                        <li class="list-inline-item auth"><i class="fa fa-user-o" aria-hidden="true"></i><a href="/user/{login}">{login}</a></li>
                        <li class="list-inline-item"><i class="icon-clock" aria-hidden="true"></i> {date}</li>
                        <li class="list-inline-item float-right">
                        <span style="font-weight: bold;">[xfvalue_money] <span class="fa fa-rub"></span></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card mb-4 w-100 ded shadow">
                <div class="card-header" style="padding: 0.8rem 1rem;">
                    <ul class="list-inline m-0">
                        <li class="list-inline-item auth f90">
                        <div class="container">
                            <div class="col-lg-9 col-md-12 col-sm-12 my-4">
                                <a href="{full-link}">
                                <img src="{image-1}" alt="{title}" class="img-thumbnail">
                                </a>
                            </div>
                            <div class="col-md-8">
                                [fixed]
                                <h4 class="h5 gss"><a href="{full-link}" class="text-dark" style=" color: #f69f00 !important;"><i class="icon-energy mr-2 ffx"></i>{title}</a></h4>
                                [/fixed] [not-fixed]
                                <h4 class="h5 gss"><a href="{full-link}" class="text-dark">{title}</a></h4>
                                [/not-fixed]
                                <div class="noimg" style="color: #868588;line-height: 1.4; font-size: 94%;">
                                    {short-story limit="80"}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <ul class="list-inline m-0 text-muted f90 isize">
                            <li class="list-inline-item auth"><i class="fa fa-user-o" aria-hidden="true"></i><a href="/user/{login}">{login}</a></li>
                            <li class="list-inline-item"><i class="icon-clock" aria-hidden="true"></i> {date}</li>
                            <li class="list-inline-item float-right">
                            <span style="font-weight: bold;">[xfvalue_money] <span class="fa fa-rub"></span></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        </main>
        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
        </body>
        </html>
 
Назад
Сверху