close
تبلیغات در اینترنت
کلاس btn secondary در بوتسترپ

میرممد

آموزش برنامه نویسی همراه با تکه کد های کاربردی از زبان های مختلف برنامه نویسی
سید محمد میرعالی

سید محمد میرعالی

امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.

دسته بندی مطالب آمار سایت
  • کل مطالب : 37
  • کل نظرات : 3
  • افراد آنلاین : 2
  • تعداد اعضا : 0
  • آی پی امروز : 33
  • آی پی دیروز : 65
  • بازدید امروز : 66
  • باردید دیروز : 115
  • گوگل امروز : 1
  • گوگل دیروز : 0
  • بازدید هفته : 66
  • بازدید ماه : 2,915
  • بازدید سال : 2,915
  • بازدید کلی : 60,573
  • آموزش کار با Button در Bootstrap 4


    در اين مطلب از سايت ميرممد با Button در بوتسترپ نسخه چهار كار خواهيم كرد.دکمه ها در بوتسترپ 4 شامل رنگ بندی های زیر میباشند :

    <button type="button" class="btn">Basic</button>
    <button type="button" class="btn btn-primary">Primary</button>
    <button type="button" class="btn btn-secondary">Secondary</button>
    <button type="button" class="btn btn-success">Success</button>
    <button type="button" class="btn btn-info">Info</button>
    <button type="button" class="btn btn-warning">Warning</button>
    <button type="button" class="btn btn-danger">Danger</button>
    <button type="button" class="btn btn-dark">Dark</button>
    <button type="button" class="btn btn-light">Light</button>
    <button type="button" class="btn btn-link">Link</button>

     

    خروجی کد بالا به ترتیب :

    کلاس های دکمه ای که در بالا با رنگ سبز در کد مشخص شدند رو میتوان در المنت های a و Button و input به شکل زیر استفاده کرد :

    <a href="#" class="btn btn-info" role="button">Link Button</a>
    <button type="button" class="btn btn-info">Button</button>
    <input type="button" class="btn btn-info" value="Input Button">
    <input type="submit" class="btn btn-info" value="Submit Button">

     

    ادامه مطلب
    بازدید : 781 سه شنبه 24 مهر 1397 : 16:9 نظرات ()