Breaking News: Grepper is joining You.com. Read the official announcement!

A collapsible in bootstap

Murithi Mwenda answered on January 7, 2022 Popularity 9/10 Helpfulness 1/10

answer A collapsible in bootstap

related collapse bootsrap

A collapsible in bootstap

Comment

<div class="row" style="margin-left: 5px; margin-top: 3.5rem; width: 100%;">
    <div class="col-md-12">
        <h2 style="text-align: center;">Experience</h2>
        <div class="experience">
            <div class="experience-tier">
                <h3 class="experience-heading" data-toggle="collapse" data-target="#experience1">Tier 1 - Company XYZ</h3>
                <p class="experience-duration">January 2022 - Present</p>
                <div id="experience1" class="collapse">
                    <p class="experience-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis id metus luctus vehicula. Proin auctor bibendum ultrices. Morbi venenatis, magna ac euismod varius, massa urna ullamcorper libero, sed luctus metus metus a mauris.</p>
                </div>
            </div>
            <div class="experience-tier">
                <h3 class="experience-heading" data-toggle="collapse" data-target="#experience2">Intern - ABC Organization</h3>
                <p class="experience-duration">June 2021 - December 2021</p>
                <div id="experience2" class="collapse">
                    <p class="experience-description">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas tincidunt nisl eget velit varius, eu ullamcorper velit cursus. Sed euismod nibh lectus, sed cursus diam interdum nec.</p>
                </div>
            </div>
        </div>
    </div>
</div>

Popularity 9/10 Helpfulness 1/10 Language css

Source: chat.openai.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 16 2023

Murithi Mwenda

0 Answers Avg Quality 2/10

Closely Related Answers

collapse bootsrap

Comment

<div class="accordion" id="accordionExample">
  <div class="card">
    <div class="card-header" id="headingOne">
      <h2 class="mb-0">
        <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </button>
      </h2>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
      <div class="card-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" id="headingTwo">
      <h2 class="mb-0">
        <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Collapsible Group Item #2
        </button>
      </h2>
    </div>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
      <div class="card-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" id="headingThree">
      <h2 class="mb-0">
        <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Collapsible Group Item #3
        </button>
      </h2>
    </div>
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
      <div class="card-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
</div>

Popularity 10/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: collapse collaps

Link to this answer
Share Copy Link

Contributed on Jan 07 2022

Cruel Cheetah

0 Answers Avg Quality 2/10

A collapsible in bootstap

Contents

More Related Answers

A collapsible in bootstap

Closely Related Answers

collapse bootsrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.