رفتن به مطلب

آموزش كار با بوت استرپ 3 (Bootstrap 3) و طراحي يك قالب وردپرس واكنشگرا


پست های پیشنهاد شده

سلام به همه دوستان و عزيزان و دنبال كنندگان انجمن وردپرس پارسي !‌

ي چند تا نكته قبل شروع كار بگم ممنون ميشم رعايت كنيد !

  • دوستان لطف كنن و سوالات و نظرات خودشون توي اين تايپيك قرار ندن تا آموزش ها به صورت پشت سر هم قرار بگيره .
  • براي سوالات يا نظرات شما هم ي تايپيك ديگه باز شده كه ميتونيد سوالات و نظرات خودتون اونجا بنويسيد .
  • حمايت و استقبال شما از اين آموزش باعث دلگرمي ما ميشه تا اموزش ها رو هرچه سريع تر در اختيار دوستان قرار بديم.

خوب بريم سر اصل كار !‌ هدف من يك آشنايي مقدماتي شما با بوت استرپ هست و نحوه كار كردن با بوت استرپ ور در آخر هم با هم ي قالب واكنشگرا ساده براي وردپرس درست ميكنيم ، در شروع يك توضيح كوتاهي درباره بوت استرپ ميدم تا كساني كه آشنايي ندارن هم با بوت استرپ آشنا بشن !‌

بوت استرپ يك framework متن باز هست كه به Twitter Bootstrap معروف هست براي طراحي و توليد صفحات وب هست كه شامل كد ها هاي آماده و استاندار مثل دكمه ها ، فرم ها ، منو ، فونت آيكون ،..... و ده ها كد و قطعه كد آماده كه طراحي رو براي ما ساده و آسان ميكنن !‌ بوت استرپ شامل فايل هاي HTML - CSS - Java Script ميباشد كه فرم اصلي اون به صورت زير هست !‌


bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff

اگه شما قبلا با بوت استرپ كار كرده باشين و آشنايي داشته باشين فهميدن كه در بوت استرپ نسخه 3 نسبت به نسخه 2 تغييراتي اعمال شده ،كه عمده تغييرات و هدف اصلي در نسخه 3 بيشتر به صفحه نمايشگر ها با اندازه كوچك هست مثل موبايل ها !‌ در كل بيشتر براي طراحي هاي واكنشگرا از بوت استرپ استفاده ميكنن !‌

شما ميتونيد ليست دستورات و تغييرات بوت استرپ نسخه 2 و 3 رو اينجا ببينيد .

يكي ديگه از مزيت هاي بوت استرپ پشتيباني از مرورگر ها هست !‌در حال حاضر بوت استرپ از تمامي مرورگر ها پشتيباني ميكنه اين نكته رو بگم مرورگر IE از ورژن 7 به بعد پشتيباني ميشه كه براي ورژن 8 بايد يك فايل JS هم فراخواني كنيد تا پشتيباني بشه كه در آموزش ها به اون هم خواهيم پرداخت !‌

خوب حالا شايد بگيد بوت استرپ را از كجا دانلود كنيد و داشته باشيد ! بوت استرپ تا نسخه 2 روي Github به صورت يك پروژه متن قرار داشت و محبوب ترين پروژه Github بود كه از نسخه 3 به بعد اگه اشتباه نكنم به سايت getbootstrap.com انتقال يافت.

در صفحه اول اين سايت فايل بوت استرپ براي دانلود قرار داده شده كه ميتونيد دانلود كنيد همچنين ي امكاني قرار داده شده براي شما كه فايل هاي مورد نياز خودتوت رو كه ميدونيد در طراحيتون به كار ميره رو دانلود كنيد و فايل هاي اضافي رو دور بريزيد كه براي اين كار ميتونيد به از منو بالا صفحه گزينه customize را انتخاب كنيد كه صفحه به شكل زير نمايش داده ميشه !‌

post-3159-0-42696100-1390642805_thumb.jp

كه شما تيك هر كدام از اين گزينه ها رو بردارين اون گزينه از داخل بسته كم شده و به شما داده ميشه به عنوان مثال Glyphicons آيكون فونت هست كه اگه تيك برداشته بشه از داخل بسته حذف ميشه .... !‌

اين بوت استرپ براي زبان هاي LTR يا همان چپ به راست مناسب هست اما زبان فارسي RTL هست ! كه شما ميتونيد نسخه

RTL بوت استرپ از اين دو جا دريافت كنيد كه ما هم از همين نسخه ها استفاده ميكنيم !‌

سايت http://rbootstrap.ir

يا پروژه دوست خوبمون مهرال كه در همين انجمن هم فعاليت دارن روي github كه زحمت RTL رو كشيده !‌

فكر كنم واسه اين جلسه كافي باشه ! اين جلسه بيشتر توضيحي بود جلسه هاي بعدي كه به زودي منتشر خواهد شد بيشتر كار با كد هاي بوت استرپ و نحوه استفاده از بوت استرپ خواهد بود !‌ ممنون كه وقت گذاشتين .... !

راستي تايپيك سوالات و نظرات هم در اينجا و آخر هر آموزش قرار ميدم كه سوالات و مشكلات و نظرات خودتون داخل اون قرار بدين .

تاپيك سوالات و نظرات آموزش بوت استرپ

لینک به ارسال

سلام ! توي اين جسله در نظر دارم 3 تا از پر كاربرد ترين كلاس ها يا پايه و اساس بوت استرپ به شما معرفي كنم !‌

Grid system

يكي از مهم ترين دستورات كه در بوت استرپ 3 اضافه شده Grid system يا همون سيستم قسمت بندي صفحه هست ! اين سيستم توي نسخه 3 نسبت به نسخه 2 فرق كرده ! در بوت استرپ هر صفحه نمايشگر(موبايل - تبلت - صفحه نمايشگر هاي متوسط - صفحه نمايش گر هاي بزرگ) به 12 قسمت يا بهتر بگم 12 ستون تقسيم ميشه كه در كل بوت استرپ يك صفحه نمايش رو يكي از اين 4 حالت ميدونه : 1- موبايل 2- تبلت 3-صفحه نمايشگر هاي متوسط كه شامل همين لپ تاپ ها و همين كامپيوتر هاي خودمون ميشه 4-صفحه نمايشگر هاي بزرگ

در اين نوع تقسيم بندي شما بايد مشخص كنيد در هر نوع صفحه نمايشگر به يك المنت چند ستون يا چند قسمت داده بشه !‌ براي هر كدام از اين صفحه نمايش گر ها يك كلاس جدا براي مقدار دهي وجود داره كه به صورت زير هست :

موبايل ها :


.col-xs-مقدار

تبلت :


.col-sm- مقدار

صفحه نمايشگر هاي متوسط :


.col-md-مقدار

صفحه نمايشگر هاي بزرگ :


.col-lg-مقدار

اين جدول هم نگاه كنيد شايد بهتر درك كنيد.

شما براي مقدار اين كلاس ها ميتونيد از 1 تا 12 مقدار دهي كنيد يعني اگر به فرض مقدار 6 بدين اگه صفحه نمايشگر خودتون 12 قسمت كنيد و 6 قسمت نصف صفحه نمايش شما رو تشكيل ميده !‌ در آخر اين جلسه چنيدن مثال هست كه بهتر درك كنيد !‌

Row

همون طور كه از اسمش هم معلوم هست به معني رديف يا سطر هست به وسيله اين كلاس شما ميتونيد يك رديف در صفحه نمايشگر خودتون ايجاد كنيد !‌

براي درك بهتر اين كه چه موقعه استفاده كنيد بزارين اين طور بگم ! شما هر وقت از يك يا چندين كلاس مرتبط به هم ، از كلاس هاي Grid system استفاده كردين آن را داخل يك Row يا سطر قرار بدين .به عنوام مثال :


<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>

containers

Containers به معني ظرف هست ي جورايي كارايي همون ظرف رو هم براي ما داره كار اين كلاس اينه كه نسبتا به عرض نمايشگر خودش تطبيق ميده !

اين كلاس رو اگه مثل Row بهش نگاه كنيم هر وقت شما يك يا چندين Row داشته باشين كه با هم مرتبط باشند آن ها را داخل يك Containers قرار ميدهيد !‌

در اصل من بايد بر عكس اين 3 تا كلاس رو توضيح ميدادم اول Containers بعد Row بعد هم سيستم گريد بندي ولي حس كردم اگه از اين ديد كه گريد بندي داخل Row قرار ميگيره Row هم داخل Containers بهتره برعكس پيش بريم !‌ يك مثال هم براي Containers :


<div class="Containers">
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
</div>

مثال 1 :

فرض كنيد شما در بالاي صفحه سايتتون 2 تا تبليغ 460*60 دارين كه ميخواين در كنارهم قرار بگيره البته در صفحه هاي نمايشگر متوسط ! در صورتي كه ميدونيد در صفحه نمايشگر هاي موبايل اگه اين 2 تبليغ در كنار هم قرار بگيرند تصاوير بسيار كوچك ميشه و واضح نيست پس 2 تا تبليغ زير هم ميزارين كه تا واضح تر بشه !‌ يك از مهم ترين نكات توي اين نوع طراحي همين هست كه شما بسنجين كه هر المنت در هر دستگاه به چه صورت نمايش داده بشه !‌

خب بريم سراغ پياده سازي اين مثال :


<div class="Containers">
<div class="row">
<div class="col-xs-12 col-md-6 ">تبليغ شماره 1</div>
<div class="col-xs-12 col-md-6 ">تبليغ شماره 2</div>
</div>
</div>

همون طور كه ميبنيد ما به كلاس md يا همون نمايشگر هاي متوسط در هر كلاس مقدار 6 رو داديم كه طبقه گفته خودمون اگه هر صفحه نمايش 12 ستون باشه 6 قسمت به هر كردوم داده شده پس دو تا تبليغ در كنار هم قرار ميگيرن (6+6=12) !‌ اما گفتيم داخل دستگاه هاي موبايل ميخواهيم تبليغات زير هم قرار بگيرن پس اومديم داخل هر كلاس مقدار 12 رو به XS داديم ! اين طوري در هر رديف يك تبليغ نمايش داده ميشه و زير هم قرار ميگيرن !

مثال 2 :

فرض كنيد در نظر داريم شكل كلي ي قالب را پياده سازي كنيم براي 3 دستگاه موبايل - تبلت - نمايشگر هاي متسط:


<div class="Containers">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12 ">
header
</div>
</div>
</div>

<div class="Containers">
<div class="row">
<div class="col-md-8 col-xs-12 col-sm-9 ">
content
</div>
</div>
<div class="row">
<div class="col-md-4 col-xs-12 col-sm-3 ">
sidebar
</div>
</div>
</div>

<div class="Containers">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12 ">
footer
</div>
</div>
</div>

الان توي اين مثال ما قسمت هاي مهم سايت فوتر - هدر -سايدبار و محتوا سايت براي هر كدوم از نمايشگر ههمون تقسيم بندي كرديم ! اميدوارم تا اين جا آموزش تونسته باشم خوب مفاهيم به شما انتقال داده باشم ! تا جلسه بعدي .....

تاپيك سوالات و نظرات آموزش بوت استرپ

لینک به ارسال
  • 2 هفته بعد...

سلام دوباره به دوستان عزيز ! خوب مث اين كه توي اين چند وقت كه نبوديم بوت استرپ ي سري تغييرات داده به سايت خودش و دوباره به Github برگشته ي ورژن جديد هم اضافه شده فك كنم ولي تغييراتي من نديدم !‌

خوب از جلسه پيش گريد بندي يا همون تقسيم بندي ي چند تا مورد ديگه مونده كه امروز ميگيم بعد ميريم سراغ قطعه كد هاي آماده بوت استرپ .

راستي اين هم يادم رفت جلسه هاي پيش معرفي كنم يك سري سايت هايي هستن كه شما ميتونيد كد هاي بوت استرپ خودتوت در اونجا بزاريد و به صورت انلاين ببينيد و ويرايش كنيد و داخل انواع صفحه نمايش ها ببينيد به چه صورت هست كه شما ميتونيد مثال ها رو در اين سايت ها بزاريد و ببينيد يا خودتون طرحتون پياده سازي كنيد من هم سعي ميكنم مثال ها رو در اين سايت ها

بزارم .....اين چند تا از اين سايت ها كه من با اولي بيشتر كار ميكنم :

http://bootply.com

http://www.layoutit.com

https://jetstrap.com

Offsetting:

خوب شايد شما بخواين صفحه رو به 3 قسمت تقسيم كنيد كه به هر col يا ستون 4 قسمت ميخوره ! اما شما ميخواين ستون وسطي وجود نداشته باشه و بين ستون 1 و 3 خالي باشه ! براي اين كار ما از دستور offset استفاده ميكنيم كه نحوه اسنفاده اون به صورت زير هست :


<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>

داخل كد بالا شما ي ي ستون 4 تايي اول كار تعريف كردين بعد هم از دستور col-md-offset-4 استفاده كردين . اين دستور باعث ميشه ستون فعلي شما 4 تا فاصله از جايي كه الان هست بگيره .

نكته : من بيشتر مثال ها رو با md ميزنم ولي شما ميتونيد xs - sm - lg اين گزينه هارو هم استفاده كنيد به عنوان مثال در همين قطعه كد بالا ميتونيد به جاي md از يكي از xs - sm - lg هم استفاده كنيد ......! اين نكته رو گفتم كه ي وقت شما فك نكنيد اين دستورات فقط با md جواب ميده و براي md هست .

براي درك بهتر اين مثال نگاه كنيد :

http://bootply.com/110688

من ي توضيح كوچيك بدم ! همينطور كه ميبينيد در صفحه بالا 3 تا قسمت وجود داره براي html - css - javascript پايين صفحه هم پيش نمايش كد هامون هست كه نوشته شده ! اون وسط كار هم ، سمت راست ي عكس موبايل و صفحه نمايش هست روي هر كدوم بزنيم در پيش نمايش رو در اون نوع صفحه نمايش نشان ميدهد!

همون طور كه توي مثال بالا ميبينيد ي ستون 4 تايي سمت راست و يكي سمت چب قرار داره و بين اين 2 تا ستون هم خالي هست .

Nesting columns

به معناي ستون هاي تو در تو هست ! گاهي نياز ميشه شما بخواين يك ستوني رو كه ساخته ايد بازم به چندين قسمت ديگه تبديل كنيد كه براي اين كار از همين ستون هاي تو در تو استفاده ميكنيم .

براي اين كار شما همون طور كه گفتم در جلسات پيش جند تا ستون مرتبط به هم رو داخل ي row قرار ميدين اين جا هم همين طور هست ستون هاي داخلي رو داخل يك row ميزاريد و داخل ستون بزرگ تر ميزاريد به اين كد ها نگاه كنيد :


<div class="row">
<div class="col-md-9">
Level 1: .col-md-9
<div class="row">
<div class="col-md-6">
Level 2: .col-md-6
</div>
<div class="col-md-6">
Level 2: .col-md-6
</div>
</div>
</div>
</div>

اين هم مثال به صورت انلاين كه بهتر درك كنيد :

http://bootply.com/110698

همون طور كه ميبينيد ما يك ستون 9 تايي داريم كه خواستيم داخل اون رو به 2 قسمت مساوي تقسيم كنيد كهبراي اين كار يك row داخل اون قرار داديم و 2 ستون 6 تايي داخل اون قرار داديم !

اميدوارم تا اينجا خوب توضيح داده باشم .....

تاپيك سوالات و نظرات آموزش بوت استرپ

لینک به ارسال

سلامي دوباره به دوستان و دنبال كننده هاي آموزش بوت استرپ !

من ي نكته بايد همون اول آموزش ميگفتم ! كه براي استفاده از بوت استرپ شما بايد آشنايي با html - css داشته باشين ! كساني كه اين آموزش دنبال ميكنن اگه با اين دو زبان آشنا نيستن حتما ي مطالعه بكنن .....!

خب سريع بريم سراغ آموزش ! توي اين جلسه تا جايي كه بشه قصد دارم با كد هاي آماده بوت استرپ آشناتون كنم و نحوه استفاده از آن ها را با هم ببينيم !

اين قسمت بيشتر به چيدمان فونت و نمايش متن ها ميپردازيم كه چيز خاصي نداره ! و اكثرا آشنا هستين ! بوت استرپ براي body صفحه ما به صورت اتوماتيك يك فونت و اندازه فونت و ارتفاع خط قرار داده ! كه پيش فرض هست كه شما ميتونيد اين ها در فايل هاي less تغيير بدين كه فك نكنم نيازي باشه اين كار ولي اگه خواستين بگين تا در ادامه توضيح بدم ....!‌

Headings :

بايد بيشتر دوستان با اين عنون آشنا باشن ! هدينگ ها همون طور كه ميدونيد از h1 شروع شده و تا h6 ادامه پيدا ميكنه كه هرچي عدد بزرگتر بشه فونت كوچكتر ميشه و از اهميت متن كم ميشه ! براي همين عنوان سايت و مطالب بيشتر از h1 - h2 استفاده ميشه ! واسه اطلاعات بيشتر هم خودتون متونيد جستجو كنيد ! اما بوت استرپ هم از اين تگ پشتيباني ميكنه و اندازه خاص يا استانداردي براي هر كدوم استفاده ميكنه به ترتيب : 36 - 30 - 24 - 18 - 14 - 12 پيكسل ادندازه فونت ها هستن ! نحوه استفاده :


<h1>h1. Bootstrap heading</h1>
<h4>h4. Bootstrap heading</h4>

Bold & Italics:

باز هم اكثر شما با اين دو اصطلاح آشنا هستين كه ايتاليك نوشته را كج و مورب ميكنه و bold نوشته رو تو پر نمايش ميده كه در بوت استرپ هم وجود داره نحوه استفاده :


<em>test text Italics</em>
<strong>test text Bold</strong>

اين نكته رو هم بگم شما داخل html5 ميتونيد به جاي استفاده از كد هاي بالا از <i> و <b> هم استفاده كنيد !‌

Alignment:

اين كلاس به ما در چيدمان متن ها كمك ميكنه كه متن هاي خودمون را در حالت هي وسط چين ، راست چين ، چپ چين و justify

براي استفاده كافيه ما به پاراگراف مورد نظرمون يكي از كلاس هاي زير رو بديم :


<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>

Abbreviations :

به معناي مخفف هست ! هر گاه شما توي توضيحات سايتتون به يك كلمه بر ميخوريد كه مخفف يك كلمه بزرگتر هست و ميخواهيد خواننده بفهمه اين كلمه مخفف چه كلاماتي هست از اين تگ استفاده ميكنيد! كه براي كلمه يا جمله استفاده كنيد زير جمله مورد نظرمون نقطه چين ايجاد ميشه و با رفتن موس روي جمله شكل موس به علامت سوال تبديل ميشه و معناي اصلي جمله رو به نمايش ميده !‌ نحوه استفاده :


<abbr title="HyperText Markup Language">HTML</abbr>

كافيه متن مورد نظرتون بين 2 تگ <abbr> قرار بدين و يك كلاس يا تگ title به اون بدين و متن كه ميخواين معرفي كنيد داخلش بنويسيد ! به فرض در مثال بالا html داخل اين تگ قرار گرفته و داخل تايتل كلمات سازنده اين مخفف نوشته شده ! شما ميتونيد واسه كاراي ديگه هم استفاده كنيد به عنوان مثال معني و .... !

Addresses :

از عنوان هم معلوم هست براي آدرس دهي استفده ميشه ! فرض كنيد شما يك سايت براي يك شركت طراحي كرديد و ميخواين ادرس شركت رو هم در جايي از سايت نمايش بدين ! براي اين كار ادرس مورد نظر خودمون بين 2 تگ <address> قرار ميديم ! توجه كنيد در آخر هر خط يا توضيحتون از تگ <br> استفاده كنيد كه به خط بعدي بريد ! به اين مثال توجه كنيد :

اين نكته روهم بگم در آخر اين آموزشش همه مثال ها رو به صورت آنلاين گذاشتم !‌


<address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
<strong>Full Name</strong><br>
<a href="mailto:#">first.last@example.com</a>
</address>

Blockquotes

به معني نقل قول هست ! شما گاهي نياز توي مطالب ي نقل قولي از جايي استفاده كنيد يا ي توضيح خاصي به خواننده ارائه كنيد كه از اين تگ كمك ميگيريد

براي استفاده متن مورد نظر رو بين 2 تگ <blockquote> قرار ميديم !‌ اين تگ شامل يك كلاس هستبه نام blockquote-reverse كه جهت متن را مشخص ميكنه چپ چين يا راست چين بودن ! كه بستگي به بوت استرپي كه استفاده ميكنيد داره ! اگه فارسي شده باشه چپ چين ميكنه اگه نسخه اصلي باشه راست چين ميكنه !‌ به نحوه استفاده دقت كند :


<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>

<blockquote class="blockquote-reverse">
...
</blockquote>

Lists :

اين تگ هم كه معلوم هست ديگه براي درست كردن ليست ها به كار ميره ! كه فك نكنم نيازي به تعريف داشته باشه !‌ ترجيح ميدم توضيحي ندم و خودتون به سايت بوت استرپ مراجعه كنيد و قسمت مربوط به ليست ها رو مشاهده كنيد ! مثال ها هم به خوبي نمايش داده شده براي هر كدام ...!

اين هم مثال هاي بالا به صورت آنلاين :http://bootply.com/112456

من اين جلسه سر فصل http://getbootstrap.com/css/#type رو توضيح دادم !‌ مثال ها هم از همين جا هست كه ميتونيد مثال ها رو در همين صفحه هم ببنيد !

اگه دقت كرده باشين به سر فصل هاي خود سايت بوت استرپ ، من آموزش رو از روي سرفصل هاي خود سايت پيش مي برم و توضيح ميدم ! كه يك سري از مطالب بسيار ساده و پيش پا افتاده هست و بي كاربرد هست و وقتمون رو ميگيره!! بيشتر سر فصل هاي اين جلسه هم حتما شما باهاش آشنا بودين و نيازي به توضيحي نبوده !‌ اگه شما هم ترجيح ميدين اين مطالب رو نگم به جاش به مطالب مهم تر بوت استرپ بپردازيم من پيشنهادم اينه شما خودوتن سر فصل هايي كه ميگم ي نگاهي بكنيد كه بسيار ساده هست و اگه مشكلي بود بگيد تا رفع كنيم و زود تر به مباحث پيشرفته تر بپردازيم !

شما اين چند سر فصل مطالعه كنيد كه بسيار ساده هست !‌

http://getbootstrap.com/css/#code

http://getbootstrap.com/css/#tables

http://getbootstrap.com/css/#forms

http://getbootstrap.com/css/#buttons

http://getbootstrap.com/css/#images

http://getbootstrap....#helper-classes

شما اين مطالب و سر فصل هايي كه دادم مطالعه كنيد اگه مشكلي بود بپرسيد !‌ و حتما توي نظرات اعلام كنيد كه آموزش به چه نحوي پيش ببريم اگه دوست دارين كامل اين موارد بالا رو هم توضيح بدم مشكلي نيست فقط وقتمون بيشتر گرفته ميشه .... ! يا اينكه خودم مطالب كه به نظرم كاربرد دارن توي سر فصل هاي بالا توضيح بدم ! تصميم با خودتون ! پس لطفا ، حتما نظرتون رو بنويسيد كه چه جوري پيش ببريم آموزش رو !‌

پيشا پيش معذرت ميخوام اگه آموزش اين طوري شد ! چون ديدم اگه بخوام همه موارد توضيح بدم خيلي زمان بر هست ! منتظر نظراتون هستم !‌خودم زياد راضي نبودم از نحوه توضيح اين جلسه ! ببخشيد !

تاپيك سوالات و نظرات آموزش بوت استرپ

لینک به ارسال
  • 4 سال بعد...
  • Morteza unpinned this موضوع

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...