Bagaimana Saya Boleh Mengatasi Penggayaan Kelas `.sidebar` Twitter Bootstrap?

Mengatasi Penggayaan Bootstrap Twitter

Dalam pembangunan web, menggunakan rangka kerja seperti Twitter Bootstrap boleh memberikan asas yang kukuh. Walau bagaimanapun, sementara Bootstrap menawarkan set gaya yang teguh, kadangkala mungkin diperlukan untuk menyesuaikan atau menulis ganti aspek tertentu reka bentuk.

Satu senario sedemikian melibatkan menukar gelagat terapung kiri lalai kelas .bar sisi dalam Rangka kerja Bootstrap. Untuk mencapai matlamat ini, anda mempunyai beberapa pilihan:

Mengubah suai Fail CSS Bootstrap

Anda boleh membuka fail CSS Bootstrap asal (biasanya bootstrap.css) dan cari apungan: meninggalkan harta untuk kelas .bar sisi. Cuma tukar nilai ke kanan. Walau bagaimanapun, perlu diingat bahawa pengubahsuaian ini mungkin ditimpa semasa kemas kini Bootstrap akan datang.

Gunakan Prapemproses CSS (cth., SASS)

Jika anda menggunakan prapemproses CSS seperti Sass, anda boleh membuat helaian gaya baharu (site-specific.scss) dan menulis peraturan tersuai. Contohnya:

.sidebar {
  float: right;
}

Timpa CSS dengan Lembaran Gaya Tersuai

Sebagai alternatif, anda boleh membuat lembaran gaya tersuai (cth., khusus tapak.css) dan masukkannya selepas helaian gaya Bootstrap dalam HTML anda

bahagian:

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/site-specific.css">

Dalam fail site-specific.css, anda boleh mengatasi sifat .sidebar float:

.sidebar {
  float: right;
}

Dengan memuatkan lembaran gaya tersuai anda selepas Bootstrap, anda boleh mengambil keutamaan dan tukar penggayaan lalai.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mengatasi Penggayaan Kelas `.sidebar` Twitter Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!