تخطيط عمود في bootstrap (أقصى عرض وأعمدة الحجم الثابت)

Question

كيف يمكنني تحقيق تخطيط العمود التالي في bootstrap؟

• العمود 1: يعدل العرض إلى الحجم المتاح ، بين الحد الأدنى والكحد أقصى
• العمود 2: عرض الحجم الثابت

على سبيل المثال ، إذا كان لدي:

• العمود 1 دقيقة العرض: 300 بكسل
• العمود 1 أقصى عرض: 800 بكسل
• العمود 2 عرض: 400 بكسل

بدقة مع عرض 800 بكسل ، أتوقع أن يكون كلا العمدين عرضًا 400 بكسل. بدقة مع وجود 2000 بكسل متاح ، أتوقع أن يكون العمود الأول 800 بكسل ، والعمود الثاني هو 400 بكسل ، وسيكون هناك 800 بكسل من مساحة فارغة على يمين الشاشة.

Answer 1

من الصعب لأن bootstrap مفيدة لاستجابةها ، غير ثابتة ...

هل يمكن أن يكون صحيحًا بهذه الطريقة: http://bootply.com/98214

لغة البرمجة

<div class="row">
  <div id="col1" class="col-xs-6 col-md-5">coco 1</div>
  <div id="col2" class="col-xs-6 col-md-2">coco 2</div>
</div>

CSS

#col1{
  background:green;
  max-width:800px !important;
}

#col2{
  background:yellow;
  max-width:400px !important;
}

يجب أن لا تستخدم عرضًا للمناصرة لأنه في حالة وجود جهاز صغير إضافي ، لن يكون له عرض جيد