آموزش متنی بوت استرپ Archives - آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران https://www.sourcebaran.com/tag/آموزش-متنی-بوت-استرپ یادگیری برنامه نویسی با طعم سورس باران Sun, 25 Jul 2021 14:44:06 +0000 fa-IR hourly 1 https://www.sourcebaran.com/wp-content/uploads/2021/08/cropped-logo_footer-copy-32x32.png آموزش متنی بوت استرپ Archives - آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران https://www.sourcebaran.com/tag/آموزش-متنی-بوت-استرپ 32 32 آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم http://www.sourcebaran.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%aa%d9%86%db%8c-%d9%85%d9%82%d8%af%d9%85%d8%a7%d8%aa%db%8c-%d8%aa%d8%a7-%d9%85%d8%aa%d9%88%d8%b3%d8%b7%d9%87-%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be-3.html http://www.sourcebaran.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%aa%d9%86%db%8c-%d9%85%d9%82%d8%af%d9%85%d8%a7%d8%aa%db%8c-%d8%aa%d8%a7-%d9%85%d8%aa%d9%88%d8%b3%d8%b7%d9%87-%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be-3.html#respond Tue, 17 Nov 2015 13:23:49 +0000 https://www.sourcebaran.com/?p=10429 با سلام و عرض ادب خدمت دوستان و سروران عزیز. توی این مطلب آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم رو در اختیار کاربران عزیز قرار داده ایم. همانطور که گفته شده این دوره بصورت متنی می باشد و از منابع خارجی ترجمه شده است. شروع دوره در ادامه مطلب… […]

The post آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.

]]> آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم

آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم

با سلام و عرض ادب خدمت دوستان و سروران عزیز. توی این مطلب آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم رو در اختیار کاربران عزیز قرار داده ایم. همانطور که گفته شده این دوره بصورت متنی می باشد و از منابع خارجی ترجمه شده است. شروع دوره در ادامه مطلب…

جهت مشاهده آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم به ادامه مطلب مراجعه نمایید.

 

بخش پنجم : Bootstrap Tables

جدول پایه بوت استرپ :

یک جدول پایه بوت استرپ دارای یک padding سبک بوده و فقط تقسیم کنند های افقی دارد. کلاس table استایل بندی پایه را به جدول اضافه میکند :

1

لینک دمو (کلیک نمایید)

ردیف های راه راه :

کلاس table-striped به جدول ردیف های راه راه اضافه میکند.

2

 لینک دمو (کلیک نمایید)

 

جدول به همراه کادر :

کلاس table-bordered دور تا دور و درون جدول کادر اضافه میکند.

3لینک دمو (کلیک نمایید)

ردیف های شناور (hover) :

کلاس table-hover در ردیف های جدل یک حالت شناور ایجاد میکند.

4

لینک دمو (کلیک نمایید)

جدول متراکم

کلاس table-condensed با نصف کردن خانه های padding جدول را فشرده تر میکند.

5

لینک دمو (کلیک نمایید)

کلاس های متنی :

از کلاس های متنی برای رنگی کردن ردیف های جدول (<tr>) یا خانه های (<td>) جدول استفاده میشود.

6

لینک دمو (کلیک نمایید)

کلاس های متنی که میتوانید مورد استفاده قرار دهید :

کلاس های متنی که میتوانید مورد استفاده قرار دهید :

نام کلاس توضیح
active به هنگام استفاده از Hover ردیف ها یا خانه های جدول را رنگی میکند
success نشان دهنده ی یک عمل موفق یا مثبت است .
info نشان دهنده یک تغییر یا عمل مفید و خنثی را میباشد .
warning نشان دهنده اخطاری ست که ممکن از نیازمند بررسی باشد .
danger نشان دهنده یک عمل خطرناک یا منفی ست .

 

جدول های واکنشگرا :

کلاس table یک جدول واکنشگرا ایجاد می کند.

 <div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

لینک دمو (کلیک نمایید)

 

خودتان را تست کنید!

تمرین 1   تمرین 2      تمرین3     تمرین 4     تمرین 5     تمرین 6

منابع کامل جدول های بوت استرپ :

برای دست یابی به منابع تمام کلاس های جدول به این لینک مراجعه کنید.

 

 

The post آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.

]]> http://www.sourcebaran.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%aa%d9%86%db%8c-%d9%85%d9%82%d8%af%d9%85%d8%a7%d8%aa%db%8c-%d8%aa%d8%a7-%d9%85%d8%aa%d9%88%d8%b3%d8%b7%d9%87-%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be-3.html/feed 0