Display Label inside ASP.Net Repeater in one row using Bootstrap

Hi ramco1917,

Check this Sample. Now please take its reference and correct your code. In this sample i have assigned col-md-6 col-sm-6 col-xs-6 Bootstrap class for Small and extra small screen you can change as per your requirement.

Database

For this example I have used of Northwind database that you can download using the link given below.

Download Northwind Database

HTML

<asp:Repeater ID="rpQuestions" runat="server">
    <ItemTemplate>
        <div class="col-md-12">
            <div class="card card-body border-top-info">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("ContactName") %>'></asp:Label></span>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <asp:Label ID="LlbId" runat="server" Text='<%# Eval("CustomerId") %>'></asp:Label></span>
                    </div>
                </div>
                <table class="table" id="tbldata">
                    <tbody>
                        <tr class="table-border-double" runat="server" id="EditCtrls">
                            <td colspan="3"><span class="text-muted">Question
                        <asp:Literal ID="ltrlNum" Text="<%# Convert.ToString(Container.ItemIndex + 1) %>" runat="server"></asp:Literal>:</span>
                                <asp:LinkButton ID="lnkEdit" Style="float: right" runat="server" class="list-icons-item text-info-600"><i class="icon-pencil7 mr-1"></i></asp:LinkButton>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" style="border-top: none;">
                                <span class="font-weight-semibold">
                                    <asp:Label ID="lblQues" runat="server" Text='<%# Eval("City") %>'></asp:Label></span>
                                <asp:HiddenField ID="hdfQuesID" runat="server" Value='<%# Eval("Country") %>' />
                                <asp:HiddenField ID="hdfCorrectOption" runat="server" Value='<%# Eval("Address") %>' />
                            </td>
                        </tr>
                        <asp:Repeater ID="rpOptions" runat="server">
                            <ItemTemplate>
                                <tr>
                                    <td style="width: 40px;">
                                        <asp:Label ID="lblOp" runat="server" Text='<%# Eval("Country") %>'></asp:Label></td>
                                    <td>
                                        <asp:Label ID="lblOpt" runat="server" Text='<%# Eval("Country") %>'></asp:Label></td>
                                    <td class="text-right"><i class='<%#Eval("Country").ToString() == "True" ?"icon-checkmark3 text-success" : "" %>'></i></td>
                                </tr>
                            </ItemTemplate>
                        </asp:Repeater>
                    </tbody>
                </table>
            </div>
        </div>
    </ItemTemplate>
</asp:Repeater>

Namespaces

C#

using System.Data;
using System.Data.SqlClient;
using System.Configuration;

VB.Net

Imports System.Data
Imports System.Data.SqlClient
Imports System.Configuration

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        this.BindGrid();
    }
}

private void BindGrid()
{
    string conString = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
    using (SqlConnection con = new SqlConnection(conString))
    {
        using (SqlCommand cmd = new SqlCommand("SELECT TOP 2 * FROM Customers", con))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter(cmd))
            {
                using (DataTable dt = new DataTable())
                {
                    sda.Fill(dt);
                    rpQuestions.DataSource = dt;
                    rpQuestions.DataBind();
                }
            }
        }
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Me.BindGrid()
    End If
End Sub

Private Sub BindGrid()
    Dim conString As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
    Using con As SqlConnection = New SqlConnection(conString)
        Using cmd As SqlCommand = New SqlCommand("SELECT TOP 2 * FROM Customers", con)
            Using sda As SqlDataAdapter = New SqlDataAdapter(cmd)
                Using dt As DataTable = New DataTable()
                    sda.Fill(dt)
                    rpQuestions.DataSource = dt
                    rpQuestions.DataBind()
                End Using
            End Using
        End Using
    End Using
End Sub

Screenshot