Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah saya boleh menyelaraskan teks dalam jadual menggunakan Twitter Bootstrap?

Bagaimanakah saya boleh menyelaraskan teks dalam jadual menggunakan Twitter Bootstrap?

Susan Sarandon
Susan Sarandonasal
2024-11-02 11:17:02974semak imbas

How can I align text in tables using Twitter Bootstrap?

Penjajaran Teks Jadual dalam Twitter Bootstrap

Dalam rangka kerja Bootstrap Twitter, anda boleh menjajarkan teks dalam jadual menggunakan kelas penjajaran teks yang ditetapkan.

Bootstrap 3

  • teks-kiri: Teks dijajar ke kiri
  • pusat teks: Teks dijajar tengah
  • teks-kanan: Teks dijajar ke kanan

Bootstrap 4

  • teks-xs-{kiri|tengah|kanan}: Jajarkan teks untuk semua saiz port pandangan
  • teks-{sm|md|lg|xl}-{kiri|tengah|kanan}: Jajarkan teks untuk saiz port pandangan tertentu

Bootstrap 5

  • permulaan teks: Teks dijajar ke kiri (menggantikan teks ke kiri)
  • hujung teks: Teks dijajar ke kanan (menggantikan teks ke kanan)

Contoh :

Jajarkan jumlah dalam sel jadual ke kanan:

<th class="text-end">Total</th>
<td class="text-end">,000,000.00</td>

Nota Tambahan:

  • Contoh yang disediakan menjajarkan teks dalam pengepala jadual (th) dan sel data (td).
  • Rujuk dokumentasi Bootstrap rasmi untuk mendapatkan maklumat lebih terperinci tentang kelas penjajaran teks.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menyelaraskan teks dalam jadual menggunakan Twitter Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn