RedPlus

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

100 پست در این موضوع قرار دارد

وقتی بنر میزارم بهش عرض ثابت میدم باز از کادر میزنه بیرون :|

چقدر سخته کار باهاش :/

به تصاویر باید کلاس img-responsive بدید

2

به اشتراک گذاری این پست


لینک به پست

یه سوال آیا لازمه برای هر ستونی که میخوایم بزاریم حتما یه کلاس row تعریف کنیم؟!به فرض مثال من سه تا ستون دارم آیا باز لازمه برای هر ستون یه سطر بزارم ؟!

من اینکارو کردم ولی همیشه از یه طرف کمی فضا زیاد میاد!!باید با مارجین درستش کنم؟!

0

به اشتراک گذاری این پست


لینک به پست

سلام ! اگه این جلسه رو ی بار دیگه بخونی ومثال ها رو ببینی فک کنم بهتر متوجه بشی !

ولی واسه هر ستون نه ! ستونهایی که کنار هم قرار میگیرین رو بزار داخله یک row ! به فرض سایدبار و محتوا سایت که کنار هم هستن داخل ی row بزار ، فوتر ربطی به اینا نداره پس داخل row جدا بزار !

مثال های لینک بالا رو ببین و با دقت بخون ! شاید بد نوشته باشم ولی شما چه واسه آموزش من چه بقیه آموزش ها هرچی متوجه نشدی اینقدر بخون تا بفهمی من خودم که اینطوریم !

در کل اگه این 3 تا ستونی که میگی در کنار هم هستن لازم نیست واسه هر کدوم ی row بسازی 3 تا رو داخل یک row بزاری کافیه!

4

به اشتراک گذاری این پست


لینک به پست

سلام

من بوت استرپ رو از لینک زیر دانلود کردم :

http://muayyad-alsadi.github.io/bootstrap-rtl/

حالا باید چطوری ازش استفاده کنم ؟

باید کد های html و css رو کجا وارد کنم؟

آشنایی کمی با html و css دارم

0

به اشتراک گذاری این پست


لینک به پست

سلام

من بوت استرپ رو از لینک زیر دانلود کردم :

http://muayyad-alsad.../bootstrap-rtl/

حالا باید چطوری ازش استفاده کنم ؟

باید کد های html و css رو کجا وارد کنم؟

آشنایی کمی با html و css دارم

سلام

اینجا رو ببین

3

به اشتراک گذاری این پست


لینک به پست

سلام ممنون

چطوری میشه از بوت استرپ برای طراحی قالب وردپرس استفاده کرد ؟

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

سلام ممنون

چطوری میشه از بوت استرپ برای طراحی قالب وردپرس استفاده کرد ؟

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

این سایت اصلی بوت استرپ

http://getbootstrap.com/css/

به کد هایی که برای هر چیز استفاده شده نگاه کن از همون ها هم شما میتونید برای طراحی استفاده کتید

این سایت هم جالبه

http://www.layoutit.com/build

ویرایش شده در توسط Mohammad Javad
3

به اشتراک گذاری این پست


لینک به پست

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

این سایت اصلی بوت استرپ

http://getbootstrap.com/css/

به کد هایی که برای هر چیز استفاده شده نگاه کن از همون ها هم شما میتونید برای طراحی استفاده کتید

این سایت هم جالبه

http://www.layoutit.com/build

خب اگه از بوت استرپ استفاده کنم ، چه مزیتی داره ؟ فقط رسپانسیو ؟

یا اینکه html و css گسترش یافته است ؟

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

خب اگه از بوت استرپ استفاده کنم ، چه مزیتی داره ؟ فقط رسپانسیو ؟

یا اینکه html و css گسترش یافته است ؟

ببینید بوت استریپ یک فریم ورک هست که کار طراحی و ریسپانسیو رو راحت کرده

مثلا کدهای اماده ی زیادی داره که کار طراحی رو راحت تر کرده

http://getbootstrap....com/javascript/

http://getbootstrap.com/css/

http://getbootstrap.com/components/

شما با بوت استرپ راحت میتونید قالب رو ریسپانسیو و طراحی کنید

کار هم باهاش خیلی سخت نیست

اموزشش هم داخل انجمن هست

ویرایش شده در توسط Mohammad Javad
2

به اشتراک گذاری این پست


لینک به پست

سلام

دوستان کسی میدونه دلیل اینکه توی طول های کمتر از 767px کل ِ تگ body به این صورته چیه ؟


padding-right: 20px;
padding-left: 20px;

اگه این استایل برداشته بشه مشکلی پیش میاد بنظرتون ؟!

0

به اشتراک گذاری این پست


لینک به پست

دلیلش اینه که در اون سایز تمام کلاس های دیگه از دو طرف مارجین و پندینگ صفر دارند و با برداشته شدنش نوشته ها به گوشه های ویزور دیوایس می چسبند و در اغلب گوشی های موبایل می رند زیر فریم گوشی و خونده نمی شند

3

به اشتراک گذاری این پست


لینک به پست

یه سوال

برای هر row باید حتما یه col بزاریم یا اگه کلا بخوایم از 100درصدش استفاده کنیم نیازی به col نیست؟!

0

به اشتراک گذاری این پست


لینک به پست

منظورتون رو از 100 درصد نفهمیدم ولی برای هر row باید col بزارید اگه میخواید ریسپانسیو بشه

5

به اشتراک گذاری این پست


لینک به پست

مثلا برای ul و li ها که مثلا میخوام دسته هارو نشون بدم تو هر سطر باید برای هر li یه col بزارم؟

0

به اشتراک گذاری این پست


لینک به پست

برای li نه col باید بگذارید نه row

به طور کلی این کلاس ها برای گرید صفحه هستند یعنی بصورت شطرنجی یا توری صفحه را ساختن

ul کلاس های خوش رو داره مثل list-group که باید به li هاش کلاس list-group-item را داد

4

به اشتراک گذاری این پست


لینک به پست

سلام


<div class="container">
<div class="row">
<div class="hidden-lg col-md-12 col-sm-12 hidden-xs">
<nav>
<h1 style="font-family: weblogmayekan"> </h1>
</nav>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
<img src="images/logo.png">
</div>
</div>
</div>

hidden این کد کار نمیکنه مشکلش چیه بنظرتون ؟

0

به اشتراک گذاری این پست


لینک به پست

با چه سایز مونیتوری می بینید

این کد در سایز خیلی کوچک و خیلی بزرگ دایو را مخفی می کنه و در دو سایز میانی نمایش می ده می ده یعنی رزولیشن از 468 تا 1200

3

به اشتراک گذاری این پست


لینک به پست

سلام دوستان

این بوت استرپ ، دکمه ها و رنگ ها و ... همش خاکستری هست و یکم بی روح هستش

میشه همه رنگ بندی رو مثل سایت زیر کرد ؟ :


http://drnt.ir/

0

به اشتراک گذاری این پست


لینک به پست

سلام دوستان

این بوت استرپ ، دکمه ها و رنگ ها و ... همش خاکستری هست و یکم بی روح هستش

میشه همه رنگ بندی رو مثل سایت زیر کرد ؟ :


http://drnt.ir/

مسلمه که میشه باید به css تسلط داشته باشید و رنگهای کلاسهای مورد نظرتون رو تغییر بدید(یا من سئوال رو متوجه نشدم یا سئوال شما خیلی عجیب بود)

2

به اشتراک گذاری این پست


لینک به پست

البته رنگها در بوت استریپت همش خاکستری نیست کلاسهای مشخصی برای تغییر رنگ داره مثل

primary

danger

info

warning

success

که برای اجزای مختلف به شکلهای مختلف بکار می رند مثلا برای نوشته ها (رنگ متن) به صورت

text-danger

...

برای پس زمینه ها

bg-danger

...

برای آلرت ها

alert-danger

...

برای کلیدها

btn-danger

...

سایتی که نشونی دادید هم بوت استریپه که چند کلاسش شخصی سازی شده

1

به اشتراک گذاری این پست


لینک به پست

مسلمه که میشه باید به css تسلط داشته باشید و رنگهای کلاسهای مورد نظرتون رو تغییر بدید(یا من سئوال رو متوجه نشدم یا سئوال شما خیلی عجیب بود)

سلام

منظورم این هست که رنگ بندیش زیاد جالب نیست و گرافیک زیاد خوبی نداره.رنگ های خطر ، موفقیت ، هشدار و ... رو تو دمو دیدم

خب مگه بوت استرپ خودش کد های آماده نیست ؟ میشه تغییراتی روش اعمال کرد ؟

0

به اشتراک گذاری این پست


لینک به پست

کلا کدهای css آبشاری هستند یعنی اگر در خط اول داشته باشید


.div {
color:red;
}

و در خط آخر داشته باشید


.div {
color: blue
}

عنصر کلاس div به رنگ آبی دیده می شه و از رنگ قرمز صرف نظر می شه

حالا می شه یک فایل css جدید تعریف کنید و کلاسهای مورد نظرتون رو توش تغییر رنگ بدید و اونرو بعد از فایل bootstrap.css فراخوانی کنید

همچنین بوت استراپ تمام خواص را به کلاسها داده و شما می تونید با معرفی id به هر عنصر بهش خاصیت جدیدی بدید و چون id نسبت به class اولویت داره خاصیت شما همیشه ارجع تر از خاصیت بوت استراپ خواهد بود

آخرین راه هم ویرایش مستقیم فایل بوت استراپ و اعمال تغییرات روی رنگهای فعلیه

3

به اشتراک گذاری این پست


لینک به پست

این مثال basic template بوت استرپ رو نگاه کنید:

http://getbootstrap....arted/#template

برای سازگاری بوت استرپ با IE اومده از کد هک استفاده کرده به صورت زیر:


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

حالا من نمیخوام مثل این از CDN استفاده کنم و رفتم اون فایل هایی که لینکش توی این هک هستش رو دانلود کردم و به صورت لوکال کنار پروژه ام گذاشتم، ولی توی همین هک یک جا نوشته:


<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

میخوام بپرسم منظورش اینه که توی لوکال کار نمیکنه، حتما باید از CDN استفاده کنم؟ راه حلی نیست؟

_________________________________________________________________________

سوال دوم: فرض کنید من 12 تا مربع کوچک (همون div های خودم) رو میخوام توی یک page بسازم به صورت 3 ردیف و هر ردیف هم چهار مربع. حالا میخوام وقتی از سایز md بزگتر بود همون 4 تا مربع توی صفحه نمایش داده بشه، ولی اگر کوچکتر بود توی هر ردیف 2تا مربع باشه، یعنی بشه 2 مربع در 6 ردیف. راه حل این موضوع توی بوت استرپ چیه؟

ویرایش شده در توسط behnamy01
0

به اشتراک گذاری این پست


لینک به پست

سلام !

سوال اول :


<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

این مظورش این بوده که اگه صفحه رو ذخیره یا سیو کنید این فایل js کار نمیکنه دیگه !

سوال دو :

فک کنم تو آموزش گفته باشم ی مثالی شبه همین ! اون تبلیغات بخونید فک کنم متوجه بشید . در کل :


<div class="row">
<div class="col-md-3 col-xs-6"> </div>
<div class="col-md-3 col-xs-6"> </div>
<div class="col-md-3 col-xs-6"> </div>
<div class="col-md-3 col-xs-6"> </div>
</div>

3

به اشتراک گذاری این پست


لینک به پست

سلام.یه چیز عجیب اینه که وقتی فایل bootstrap.min.css رو فراخوانی میکنی تمامی استایل قالب شامل رنگ متن ها اندازه های منتن فونت ها و .... رو بهم میریزه

دقیقا باید چیکار کرد که این اتفاق نیفته؟!!

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری