آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه یازدهم
سلام خدمت دوستان عزیز، توی این مطلب درخدمتتون هستیم با آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه یازدهم که از وب سایت آموزش برنامه نویسی سورس باران مشاهده می نمایید. همونطور که گفته شده این دوره بصورت متنی می باشد و از منابع خارجی ترجمه شده که به صورت متنی در ادامه مطلب ارائه می شود.در این جلسه گروه لیست های بوت استرپ رو به شما آموزش خواهیم داد.
آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه یازدهم :
پنل های بوت استرپ :
پنل یک جعبه کادر بندی شده به همراه مقداری padding اطراف محتوای ان است :
پنل ها را توسط کلاس .panel میسازیم و محتوی درون ان شامل کلاس .panel-body میباشد :
<div class="panel panel-default"> <div class="panel-body">A Basic Panel</div> </div>
توجه : از کلاس .panel-default برای تنظیم و استایل دهی به رنگ پنل استفاده میشود. برای مثال های دارای کلاس متنی بیشتر اخرین مثال همین صفحه را مشاهده کنید.
هدینگ پنل : (سر فصل،عنوان) :
کلاس .panel-heading به پنل مان یک سرفصل-هدینگ اضافه میکند :
<div class="panel panel-default"> <div class="panel-heading">Panel Heading</div> <div class="panel-body">Panel Content</div> </div>
فوتر پنل (panel footer) :
کلاس .panel-footer ، به پنل مان فوتر اضافه میکند :
<div class="panel panel-default"> <div class="panel-body">A Basic Panel</div> <div class="panel-footer">Panel Footer</div> </div>
گروه پنل :
برای اینکه پنل های زیادی را در یک گروه قرار دهید ، همه انها را درون یک عنصر <div> و کلاس .panel-group قرار دهید.
کلاس .panel-group ، bottom-margin هر پنل را پاک میکند.
<div class="panel-group"> <div class="panel panel-default"> <div class="panel-body">Panel Content</div> </div> <div class="panel panel-default"> <div class="panel-body">Panel Content</div> </div> </div>
پنل ها به همراه کلاس های متنی :
برای رنگی کردن پنل از کلاس های متنی استفاده کنید. (.panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning, or .panel-danger):
The post آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه یازدهم appeared first on آموزش برنامه نویسی.
مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
آموزش برنامه نویسی