Mixed box Col-8 and Col-4 IE + OPERA

Kategori

@{
    int card75Col = 1;
    int card75categoryOrderNumber = 3;
    int card75postCount = 6;

    if (Partial.isCategoryOrderNumber(card75categoryOrderNumber))
    {
        Category postCategory = Partial.Category(card75categoryOrderNumber, lang);

        IEnumerable<Category>
            categories = Partial.CategorySubOrderNumber(card75categoryOrderNumber, lang);
        <div class="container-fluid discus-two4">
            <div class="container">
                <div class="row">
                    @for (int componen = 0; componen < card75postCount; componen++)
                    {
                        foreach (Category comCategory in categories.Skip(componen * card75Col).Take(card75Col))
                        {
                            string divGenisligi = "col-md-4";
                            if (componen == 1 || componen == 2 || componen == 5 || componen == 6)
                            {
                                divGenisligi = "col-md-8";
                            }
                            <div class="@divGenisligi text-center">
                                <div class="discus-two4-box" style="background-image:url(@comCategory.CategoryImage);">
                                    <a href="@Partial.CategoryLink(comCategory.CategoryID)" class="discus-two4-link row align-items-center">
                                        <div class="discus-two4-text-content p-3">
                                            <div class="text-baslik tip-tablo">
                                                <div class="hucre hucre-ortala">
                                                    <h3 class="baslik">@comCategory.CategoryTitle.HtmlEncode()</h3>
                                                </div>
                                            </div>
                                            <p>@Partial.CategoryShortContent(comCategory.CategoryID, 105)</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        </div>
    }
}
<style>
    .discus-two4-link:hover {
        background-color: rgba(0, 0, 0, 0.7) !important;
        color: #fff !important;
    }

        .discus-two4-link:hover .discus-two4-text-content {
            display: block !important;
        }
</style>

Makale

@{
    int card76Col = 6;
    int card76categoryOrderNumber = 345;

    if (Partial.isCategoryOrderNumber(card76categoryOrderNumber))
    {
        Category Categorytitle = Partial.Category(card76categoryOrderNumber, lang);
        IEnumerable<Post>
          PostsOrderNumber = Partial.PostsOrderNumber(card76categoryOrderNumber, 0, card76Col, Partial.Order.OrderBy, true, lang);
        int card76CountID = Convert.ToInt32(Math.Ceiling(PostsOrderNumber.Count() / Convert.ToDouble(card76Col)));
        <div class="container-fluid discus-two4">
            <div class="container">
                <div class="row">
                    @for (int componen = 0; componen < card76Col; componen++)
                    {
                        int number = 1;
                        foreach (Post comPost in PostsOrderNumber.Skip(componen * card76Col).Take(card76Col))
                        {
                            number++;
                            string divGenisligi = "col-md-4";
                            if (number == 1 || number == 2 || number == 5 || number == 6)
                            {
                                divGenisligi = "col-md-8";
                            }
                            <div class="@divGenisligi text-center">
                                <div class="discus-two4-box" style="background-image:url(@comPost.PostImage);">
                                    <a href="@Partial.PostLink(comPost.PostID)" class="discus-two4-link row align-items-center">
                                        <div class="discus-two4-text-content p-3">
                                            <div class="text-baslik tip-tablo">
                                                <div class="hucre hucre-ortala">
                                                    <h3 class="baslik">@comPost.PostTitle.HtmlEncode()</h3>
                                                </div>
                                            </div>
                                            <p>@Partial.PostShortContent(comPost.PostID, 105)</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        </div>
    }
}
<style>
    .discus-two4-link:hover {
        background-color: rgba(0, 0, 0, 0.7) !important;
        color: #fff !important;
    }

        .discus-two4-link:hover .discus-two4-text-content {
            display: block !important;
        }
</style>