it-swarm.dev

كيفية جعل Twitter bootstrap أزرار أكبر؟

أنا أتعلم html و css و Twitter bootstrap بينما أتقدم.

  <div id="button" style=" position:absolute;top:450px; left:350px;">
        <p>
        <a href="https://docs.google.com/forms/d/1Exo4u2iRpChj- 
           Wg9K5HxteMeoVE1uee0fQKBWiuYYiw/viewform?pli=1" class="btn btn-primary btn-  
           large">Search
        </a>
    </p>
    </div>

أريد زيادة حجم خط هذا الزر وبالتالي جعله أكبر. هل يمكن لشخص أن يساعدني في هذا من فضلك؟

شكر!

44
Has

هنا هي الأحجام bootstrap العروض مباشرة من خارج منطقة الجزاء.

.btn-large
.btn-small
.btn-mini

قراءة المزيد عن ذلك هنا

انها تحت Button sizes

تحرير:

أو يمكنك أن تجعل بنفسك:

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

مصدر يقع هنا

59
ZZPLKF

لقد تغير هذا في Bootstrap 3.

الآن هو .btn-lg أو .btn-sm أو .btn-xs

https://getbootstrap.com/docs/3.4/css/

73
Agustin

لقد تغير هذا مرة أخرى في Bootstrap 4.

الآن هناك فقط .btn-lg و .btn-sm

https://getbootstrap.com/docs/4.0/components/buttons/#sizes

5
Mike Buckbee