How can I create dynamic carousel product cart slider in ASP.NET MVC

how can i create dynamic carousel product Cart Slider with 4 column in asp.net mvc my problem is active Property apply for all database data

<div class="item active">
         <div class="row">
             @foreach (var item in ViewBag.Content)
                    {
                      <div class="col-sm-3">
                           <div class="col-item">
                              <div class="photo">
                               <img src="~/Files/Uploadimages/@item.Image"
                                      class="img-responsive" alt="a" />
                              </div>
                                   <div class="info">
                                      <div class="row">
                                         <div class="price col-md-12">
                                                  <h5>
                                                      @item.Title
                                                  </h5>

                                          </div>

                                     </div>

                                 </div>
                            </div>
                         </div>

                     }
                 </div>