Set Bootstrap card Height in CSS

ramco1917
 
on Mar 12, 2022 01:10 AM
701 Views

Hi

I want the below code in Fixed Height

<div class="row">
    <div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body border-top-0">
                <div class="d-sm-flex flex-sm-wrap mb-3 mt-1">
                    <div class="font-weight-semibold">Coordinator:</div>
                    <div class="ml-sm-auto mt-2 mt-sm-0">
                        <asp:Literal ID="ltrlDeveloper" runat="server"></asp:Literal>
                    </div>
                </div>
 
                <div class="d-sm-flex flex-sm-wrap mb-3">
                    <div class="font-weight-semibold">Phone:</div>
                    <div class="ml-sm-auto mt-2 mt-sm-0">
                        <asp:Literal ID="ltrlPhone" runat="server"></asp:Literal>
                    </div>
                </div>
 
                <div class="d-sm-flex flex-sm-wrap mb-3">
                    <div class="font-weight-semibold">Date of Joining:</div>
                    <div class="ml-sm-auto mt-2 mt-sm-0">
                        <asp:Literal ID="ltrlDOJ" runat="server"></asp:Literal>
                    </div>
                </div>
 
                <div class="d-sm-flex flex-sm-wrap mb-3">
                    <div class="font-weight-semibold">Email:</div>
                    <div class="ml-sm-auto mt-2 mt-sm-0">
                        <asp:Literal ID="ltrlEmail" runat="server"></asp:Literal>
                    </div>
                </div>
            </div>
        </div>
    </div>

Thanks

Download FREE API for Word, Excel and PDF in ASP.Net: Download
ramco1917
 
on Mar 12, 2022 07:11 AM

Hi

Resolved by using below code

<div class="card" style="height: 200px;">

Thanks