Hazır Scripte kod geçirmek konusunda sıkıntı yaşıyorum.

Rexbrave' Alıntı:

Başlıkta sorunumu belli edebildiğimi düşünüyorum
Şöyle üzerinden geçeyim;

Şimdi benim elimde hazır bir script var. Bu scriptin içindeki buton HTML'i aşağıda:

HTML:

                           <div class="d-flex align-items-center r-mb-23" data-animation-in="fadeInUp" data-delay-in="1.2">
                              <a href="#" class="btn btn-hover"><i class="fa fa-play mr-2"
                                 aria-hidden="true"></i>Start</a>
                              <a href="show-details.html" class="btn btn-link">More details</a>
                           </div>
                        </div>
                     </div>

Bakın ben bu koda CSS bakımından nasıl düzenleme yapabilirim ? Yani "btn btn-link" yazıyor.
Ben bu yolu anlamadım ?
CSS için nasıl düzenleme yapmalıyım ?
.btn btn-link şeklinde falanmı olması lazım? [ BU ŞEKİLDE DENEDİM OLMADI]

Genişletmek için tıkla ...

MustafaseveR' Alıntı:

.btn ayri bir sinif .btn-link ayri bir sınıf boostrap'in hazir kodları bunlar bootstrap.min.css icinde kodlari bulabilirsiniz. siz kendiniz bir kod oluşturmak istersenizde .classismi { css arametreleri } şeklinde yapabilirsiniz. .btn-link 'i degiştirmek istiyorsanız .btn-link {color: red} şeklinde bir css yazabilirsiniz.

Genişletmek için tıkla ...

Rexbrave' Alıntı:

Dostum teşekkürler fakat bunun tam olarak neresini CSS olarak kullanacağım:
d-flex align-items-center r-mb-23
.d-flex align-items-center r-mb-23 < Şeklindemi olcak?

Genişletmek için tıkla ...

.d-flex {
    display: flex !important;
}
.align-items-center {
  align-items: center !important;
}
.r-mb-23 {
icindeki kodu bilmiyorum.
}