Hi
Below code is displying like below link.
Using same code i want Name to be Bold.
After every label : should be displayed & in unformity with all rows.
Gap between Label & its value should be reduced.
<div class="card" style="height: 200px;">
<div class="card-body border-top-0">
<table>
<tbody>
<div class="row d-sm-flex flex-sm-wrap mb-1 mt-1">
<div class="font-weight-bold col-sm-6" style="text-align:left">
<asp:Literal ID="ltrlChildName" runat="server"></asp:Literal>
</div>
<div class="font-weight-semibold col-sm-3">Current Status</div>
<div class="col-sm-3">
<asp:Literal ID="ltrlCurrentStatus" runat="server"></asp:Literal>
</div>
</div>
<div class="row d-sm-flex flex-sm-wrap mb-1 mt-1">
<div class="font-weight-bold col-sm-6" style="text-align:left">
<asp:Literal ID="ltrlName" runat="server"></asp:Literal>
</div>
<div class="font-weight-semibold col-sm-3">Next Action</div>
<div class="col-sm-3">
<asp:Literal ID="ltrlNextAction" runat="server"></asp:Literal>
</div>
</div>
<div class="row d-sm-flex flex-sm-wrap mb-1 mt-1">
<div class="font-weight-semibold col-sm-3">Age</div>
<div class="col-sm-3" style="text-align:left">
<asp:Literal ID="ltrlAge" runat="server"></asp:Literal>
</div>
<div class="font-weight-semibold col-sm-3">Next Date</div>
<div class="col-sm-3">
<asp:Literal ID="ltrlNextDate" runat="server"></asp:Literal>
</div>
</div>
</tbody>
</table>
</div>
</div>
