مشکل در ایجاد باکس کلی قالب در مبحث ریسپانسیو (حرفه ای)

[alirezakiani]

سلام
این عکس رو ببینید اون حاشیه زرد رو که مشخص کردم
assss.png
هدف من ایجاد اون نوار حاشیه هست و اینکه ریسپانسیو شه
1- من با بوت استرپ ریسپانسیو میکنم اگه سایت ریسپانسیو نسازم خیلی راحته ... ولی اگه بخوام با بوت استرپ بسازم اذیتم میکنه لطفا کمک کنید پیشنهادتون چیه؟

2- میشه اون باکس رو بسازم ولی مثلا با سایز 900px بعد اجزای سایت (هدر و ساید بار و...) رو در اون با استفاده از col-lg و... ریسپانسیو کنم؟

[alirezakiani]

upppppppp

[miladtnt]

سوالتون نامفهومه... درضمن عکسشو نزارین ادرس صفحه رو بزارین ببینیم اصلا چی ب چیه
منظورتون از ریسپانسیو بودنش چیه یعنی باکس کوچیکتر شه؟ بیاد وسط ؟ چجور بشه

[sepahanserver]

درود


نه عکس و نه سوالتون گویا نیست ...!

[T.Toosi]

سلام، اگر قراره هیدر و ناوبار ها داخل باکس باشند همه را داخل یک container-fluid مادر قرار دهید، container-fluid صد در صد width صفحه را میگیرد سپس با row و col ها میتوانید طول ها را مشخص کنید و اجزا را داخل آن قرار دهید، اگر یک row با طول 900px میخواهید به این صورت استایل دهید : min-width:900px اما هیچ زمان عددی ثابت برای طول مشخص نکنید .

[alirezakiani]

دوستان اولا بابت تاخیر عذر میخوام
ثانیا اون عکسی رو که دادم ببینید ..
کل محتویات وبسایت (هدر ناوبار سایدر بار فوتر کانتنت ) داخل یک باکس قرار گرفته با یک باکس سفید و یک border خوب ، (قبل اینم بگم که داخل اون قالب از بوت استرپ استفاده نشده) .. سوالم اینه چطوری داخل بوت استرپ کل اجزامو داخل یک باکس بزارم ؟ و اون باکس هم ریسپانسیو باشه

[miladtnt]

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

اصلا طرز سوالتون درست نیست

بخواید سه تا باکس کنار هم ریسپانسیو باشن از گرید بندی استفاده کنین بخواید برای باکس تو صفحه نمایشای مختلف css تایین کنین از کد @media استفاده کنن

توصیه میکنم به سایت w3schools.com برید و با کلیات بوت استرپ اشنا بشید یه اموزش مفید براتون داره

[alirezakiani]

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

[miladtnt]

عکستونو خیلی بد کشیدید حالا متوجه شدم چی میگید

یه کد css ساده برای body :

body {
Padding:30px;background-color:red
}
خوبه؟

میتونین این کد رو برا یه div بزارین نه body

[xwoman2]

دوست عزیز یه دایو بذارید و بسته به نیاز از کلاس container یا container-fluid
استفاده کنید.بعد به صورت دستی هم داخل css بهش استایل مورد نظر رو بدین.
مسلما نیازی نیست که بگم نباید داخل بوت استرپ width تعریف کنید.