• پست الکترونیک
    • گفتگو کنید
    • نماد پر
    • ابزارک ها

    • شما 3 اعلان دارید 4

    • پردازش تحویل

      10 دقیقه ی قبل

    • سفارش کامل شد

      1 ساعت پیش

    • بلیط های تولید شده

      3 ساعت پیش

    • تحویل کامل

      6 ساعت پیش
    • عین چاوز

      لورم ایپسوم به سادگی ساختگی است...

      32 دقیقه پیش

    • اریکا هیوز

      لورم ایپسوم به سادگی ساختگی است...

      58 دقیقه پیش

    • کوری توماس

      لورم ایپسوم به سادگی ساختگی است...

      1 ساعت قبل

    • همه را ببین
جدید
ایمی والتر

اداره منابع انسانی

  • 19.8 هزار

    دنبال کننده

  • 2 سال

    تجربه

  • 95.2 هزار

    دنبال کرده

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

  1. صفحه اصلی
  2. جداول
  3. جداول بوت استرپ
  4. جداول حاشیه
حاشیه های افقی
نمونه ای از horizontalحاشیه های جدول این یک سبک حاشیه جدول پیش‌فرض است که به کلاس متصل شده است. .tableهمه حاشیه ‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از .table-border-horizontalکلاس اضافه شده به جدول با .tableکلاس اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری نقش کشور
1 اسکندر اورتون @mdorton مدیر ایالات متحده آمریکا
2 جان دیو دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن پرنده @tweet مدیر بریتانیا
4 رندی مارک اوتاندی @mdothe کاربر استرالیا
5 رام جیکوب تورنتون @tweet مدیر هند
حاشیه های عمودی
نمونه ای از Vertical حاشیه های جدول این یک سبک حاشیه جدول پیش‌فرض است که به کلاس متصل شده است. .tableهمه حاشیه ‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از .table-border-verticalکلاس اضافه شده به جدول با .tableکلاس اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری نقش کشور
1 اسکندر اورتون @mdorton مدیر ایالات متحده آمریکا
2 جان دیو دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن پرنده @tweet مدیر بریتانیا
4 رندی مارک اوتاندی @mdothe کاربر استرالیا
5 رام جیکوب تورنتون @tweet مدیر هند
هر دو حاشیه
نمونه ای از horizontalحاشیه های جدول این یک سبک حاشیه جدول پیش‌فرض است که به کلاس متصل شده است. .tableهمه حاشیه ‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از .table-borderedکلاس اضافه شده به جدول با .tableکلاس اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
میز بدون حاشیه
نمونه ای از horizontalحاشیه های جدول این یک سبک حاشیه جدول پیش‌فرض است که به کلاس متصل شده است. .tableهمه حاشیه ‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از .table-bordernoneکلاس اضافه شده به جدول با .tableکلاس اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
حاشیه جدول پیش فرض
مثال Default Table Border.این یک سبک حاشیه جدول پیش فرض است که به کلاس متصل شده است. .tableهمه حاشیه ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می توانید این حاشیه را با استفاده از .tableکلاس اضافه شده به جدول با .tableکلاس اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
حاشیه جامد
نمونه ای از solidحاشیه داخل جدول thead. این حاشیه تمام گزینه‌های استایل را از سبک حاشیه پیش‌فرض به ارث می‌برد، تنها تفاوت آن 2pxعرض است. گاهی اوقات می تواند برای جداسازی بصری و برجسته سازی اضافه مفید باشد. برای استفاده از این حاشیه .border-solidبه ردیف سر جدول اضافه کنید. این سبک حاشیه فقط با حاشیه های ردیف کار می کند.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
حاشیه دوگانه
نمونه ای از doubleحاشیه داخل سر میز. این حاشیه دارای 3pxعرض، doubleسبک است و تمام گزینه‌های استایل را از سبک حاشیه پیش‌فرض به ارث می‌برد. به صورت بصری جدول headو bodyبه صورت 2 قسمت جدا شده جدول را نمایش می دهد. برای استفاده از این حاشیه .border-doubleبه ردیف سر جدول اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
حاشیه نقطه‌دار
نمونه ای از dottedحاشیه داخل سر میز. این حاشیه دارای 3pxعرض، dottedسبک است و تمام گزینه‌های استایل را از سبک حاشیه پیش‌فرض به ارث می‌برد. به صورت بصری جدول headو bodyبه صورت 2 قسمت جدا شده جدول را نمایش می دهد. برای استفاده از این حاشیه .border-dottedبه ردیف سر جدول اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
حاشیه شکسته
نمونه ای از dashedحاشیه داخل سر میز. این حاشیه دارای 3pxعرض، dashedسبک است و تمام گزینه‌های استایل را از سبک حاشیه پیش‌فرض به ارث می‌برد. به صورت بصری جدول headو bodyبه صورت 2 قسمت جدا شده جدول را نمایش می دهد. برای استفاده از این حاشیه .border-dashedبه ردیف سر جدول اضافه کنید.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 علامت گذاری اتو @TwBootstrap
3 یعقوب تورنتون @nvf
رنگ پایین حاشیه
نمونه ای از حاشیه سر جدول با custom رنگ. با توجه به گزینه های سیستم رنگ سفارشی، می توانید هر یک از رنگ های از پیش تعریف شده را با افزودن .border-bottom-*کلاس به ردیف سر جدول تنظیم کنید. این تکنیک با تمام سبک های حاشیه ای که در بالا نشان داده شد کار می کند.
# نام کوچک نام خانوادگی نام کاربری
3 یعقوب تورنتون @nvf
3 یعقوب تورنتون @nvf
3 یعقوب تورنتون @nvf
3 یعقوب تورنتون @nvf
3 یعقوب تورنتون @nvf
3 یعقوب تورنتون @nvf