Penjajaran teks dalam mana-mana perenggan atau blok div boleh ditetapkan menggunakan kelas: "teks-kiri", "teks-pusat" dan "teks-kanan".

Anda boleh menetapkan warna lalai untuk teks perenggan menggunakan pelbagai kelas penyerlahan warna, seperti "disenyapkan" - kelabu, "amaran teks" - merah, "ralat teks" - merah marun, "maklumat teks" - biru muda dan "teks- kejayaan” - hijau.

Twitter Bootstrap juga menyokong susun atur jadual secara lalai. Kod berikut digunakan untuk ini:

Anda boleh menambah imej menggunakan tag biasa . Untuk menjadikan reka bentuk anda kelihatan lebih menarik, anda boleh menambah kelas "img-bulat" untuk imej dengan bucu bulat, "img-bulatan" untuk menatal imej dan "img-polaroid" untuk mencipta bayang-bayang dan sempadan di sekeliling perimeter imej .

Untuk menambah menu lungsur turun pada bar navigasi sedia ada (seperti yang ditunjukkan pada halaman demo), anda perlu menambah penanda berikut di dalam elemen "li".

Untuk membuat senarai lungsur turun, anda mesti membungkus elemen induk menggunakan kelas "dropdown" dan kemudian menggunakan penanda "a" untuk memasukkannya. Kemudian letakkan item senarai dalam elemen ini.

Saya menunjukkan kepada anda prinsip asas menggunakan Twitter Bootstrap dan cara untuk memulakan sistem. Sekarang anda tahu cara ia berfungsi, saya harap anda akan mendapati lebih mudah untuk bekerja dengan penerangan elemen rangka kerja daripada dokumentasi asal.

Sebaik sahaja anda mempelajarinya, anda pasti akan menemui banyak aplikasi baharu untuk diri anda sendiri.

Dalam artikel seterusnya, saya akan memberitahu anda tentang membuat laman web responsif menggunakan Twitter Bootstrap.

Terjemahan artikel "Tutorial Bootstrap Twitter - Mengendalikan Reka Bentuk Kompleks" telah disediakan oleh pasukan projek yang mesra.

baik buruk

Kelebihan menggunakan rangka kerja CSS ialah pereka susun atur tidak perlu memikirkan banyak nuansa susun atur yang telah difikirkan oleh pencipta rangka kerja untuknya. Nuansa sedemikian termasuk keserasian merentas pelayar, sokongan untuk resolusi skrin yang berbeza dan banyak lagi. Pereka bentuk susun atur hanya menunjukkan apa, bagaimana dan bila untuk ditunjukkan, selebihnya dilakukan oleh rangka kerja itu sendiri. Pendekatan ini boleh mempercepatkan susun atur laman web. Kelebihan Bootstrap termasuk popularitinya. Ini bermakna lebih mudah bagi pereka kod lain untuk mengekalkan kod anda.

Kelemahan menggunakan rangka kerja ialah halaman itu perlu membawa keseluruhan gaya tambahan rangka kerja, walaupun ia hanya menggunakan sebahagian kecil daripadanya. Rangka kerja ialah alat yang sangat baik untuk membuat prototaip dan membuat halaman yang reka bentuknya adalah kedua, seperti halaman pentadbir. Jika anda mempunyai reka bentuk yang sangat khusus, maka meletakkannya menggunakan rangka kerja mungkin lebih sukar daripada menggunakan alat asli. Walau bagaimanapun, ini juga mungkin.

Selepas itu, untuk menukar gaya Bootstrap anda perlu menukarnya dalam styles.css anda seperti ini:

A ( warna: #beceda; )
Kelemahan yang jelas pendekatan ini ialah anda perlu mencari gaya yang diperlukan secara manual yang ingin anda ganggu dan ini tidak selalunya remeh, kerana Sesetengah pilihan Bootstrap digunakan pada banyak pemilih dalam bentuk yang diubah suai, seperti melalui formula. Alat Sesuaikan boleh membantu di sini; ia akan membantu menyusun perubahan anda dengan betul, tetapi hanya sekali. Jika pada masa hadapan anda ingin menukar beberapa parameter, anda perlu memasukkan semula nilai yang diubah untuk semua medan untuk menyusun gaya anda.

wujud sejumlah besar cara untuk menyusun fail KURANG dan Bootstrap menyerahkan ini kepada budi bicara pembangun. Bootstrap sendiri menggunakan Grunt untuk kompilasi, anda mungkin lebih suka pemalam untuk produk JetBrains, dan kami, memandangkan artikel itu ditujukan kepada pemula, akan melihat ke arah penyelesaian yang lebih mudah. Penyelesaian sedemikian ialah WinLess untuk Windows, SimpLESS untuk Mac atau Koala untuk Linux. Semua program ini melakukan lebih kurang perkara yang sama: mereka menerima folder dengan fail KURANG sebagai input dan mendengar perubahan di dalamnya. Sebaik sahaja anda membuat perubahan pada mana-mana fail, ia serta-merta disusun ke dalam CSS yang ditentukan fail. Dengan cara ini anda tidak perlu menjalankan kompilasi manual selepas setiap perubahan. Anda menukar fail KURANG, menyimpannya dan serta-merta melihat perubahan pada tapak dalam bentuk yang telah disusun dan dimampatkan.

• Bagaimanakah imej akan dipotong?
• Apakah komponen yang akan digunakan?
• Apakah gaya utama?
• Apakah reka letak halaman yang akan kami perolehi?

Simpan imej peta:

Mari kita simpan logo seperti berikut:

Imej/logo.png
images/footer-logo.png

Berulang-ulang imej latar belakang mesti dipotong menjadi kepingan minimum yang mencukupi untuk membentuk imej penuh ulangan secara menegak dan mendatar.

/images/bg.png
/images/h1-bg.png

Adalah mudah untuk menyimpan ikon rangkaian sosial dengan saiz yang sama ke dalam satu fail dan menggunakannya sebagai sprite untuk pemuatan yang lebih pantas. Butiran lanjut tentang melekatkan imej diterangkan di bahagian pertama. Hasilnya akan menjadi dua fail:

/images/social.png
/images/social-small.png

Jika anda melihat templat kami, anda dapat melihat bahawa kami memerlukan komponen berikut:

Pertama sekali, anda perlu menambah pembolehubah yang tiada dalam tetapan Bootstrap supaya anda boleh menggunakannya pada masa hadapan. Bagi kami ini hanya fon reka bentuk tertentu.

@brand-font: "Oswald",sans-serif;
Jika anda ingin menggunakan templat untuk tapak Rusia, maka anda boleh cuba menggantikan fon Oswald dengan Cuprum terdekat, yang menyokong Cyrillic.

Sekarang mari kita gantikan tetapan Bootstrap dengan tetapan kita sendiri:

Sekarang setelah kita selesai dengan pembolehubah, mari kita mula menggayakan reka bentuk kita dalam fail styles.less. Mula-mula, mari sambungkan Bootstrap itu sendiri dan pembolehubah kami:

@import "bootstrap/bootstrap.less"; @import "variables.less";
Tidak semua gaya lalai Bootstrap boleh ditukar menggunakan pembolehubah, jadi mari lakukannya secara manual:

P ( margin: 20px 0; ) .form-control ( box-shadow: none; ) .btn ( font-family: @brand-font; )
Di sini kami mengeluarkan bayang-bayang daripada unsur-unsur borang, dan menentukan fon halaman khusus untuk teks dalam butang.

Kemudian kami menerangkan latar belakang halaman dan bar atas:

Badan ( bahagian atas sempadan: 5px pepejal #7e7e7e; imej latar belakang: url(../images/bg.png); )
Selanjutnya dalam teks ia tidak akan ditunjukkan dalam fail mana gaya ditulis. Ingatlah bahawa kami menyimpan semua pembolehubah dalam fail variables.less, dan gaya CSS akan disimpan dalam styles.less.

Whitesquare
Blok ini mencipta struktur dokumen HTML5. Dalam tajuk kami menunjukkan nama halaman kami - Whitesquare. Dengan tag meta viewport kami menunjukkan bahawa lebar halaman adalah peranti mudah alih kapak akan sama dengan lebar skrin dan skala awal ialah 100%. Kemudian fail gaya disertakan. Dan untuk versi internet Explorer kurang daripada sembilan, kami menyambungkan skrip yang membolehkan kami memaparkan reka letak kami dengan betul.

Mari tambah kod berikut pada badan:

Di sini kita menemui komponen Bootstrap pertama - lajur. Elemen induk lajur diberi kelas "baris", dan kelas lajur bermula dengan awalan "col-", kemudian saiz skrin (xs, sm, md, lg), dan berakhir dengan lebar relatif lajur .

Lajur boleh diberikan kelas yang berbeza secara serentak dengan nilai untuk skrin, contohnya class="col-xs-12 col-md-8". Kelas ini hanya menetapkan lebar lajur sebagai peratusan untuk saiz skrin tertentu. Jika lajur tidak diberikan kelas skrin tertentu, maka kelas untuk skrin khusus minimum akan digunakan, dan jika ia tidak dinyatakan, maka tiada lebar akan digunakan dan blok akan mengambil lebar maksimum yang mungkin.

Kelas kami "col-md-7" dan "col-md-17" menunjukkan bahawa blok adalah lajur dengan lebar 7 dan 17 berbanding bekas induk. Secara lalai, jumlah lebar lajur dalam Bootstrap ialah 12, tetapi kami menggandakan nombor ini untuk mencapai fleksibiliti yang kami perlukan.

Body ( … .wrapper ( padding: 0 0 50px 0; ) header ( padding: 20px 0; ) )
Kami meletakkan struktur ini di dalam badan. Sintaks KURANG membolehkan anda menyusun peraturan antara satu sama lain, yang kemudiannya disusun ke dalam binaan berikut:

Body .wrapper (…) body header (…)
Pendekatan ini membolehkan anda melihat struktur HTML betul-betul di dalam CSS dan memberikan beberapa jenis "skop" kepada peraturan.

Masukkan logo ke dalam teg pengepala:

Tiada gaya tambahan diperlukan.

Untuk membuat carian, kami memerlukan komponen Bootstrap berikut: borang sebaris, kawalan berkumpulan dan butang.
Dalam teg pengepala kami mencipta borang sebaris, dijajarkan ke kanan. Medan borang sedemikian mesti mempunyai kelas "kawalan borang" dan label.

Kami meletakkan komponen "kawalan berkumpulan" ke dalam borang. Kawalan pengumpulan membolehkan anda mengalih keluar ruang antara input teks dan butang dan, seolah-olah, menggabungkannya menjadi satu elemen.
Ia adalah div dengan kelas dan medan "kumpulan input", dan butang komponen sedemikian diletakkan dalam blok dengan kelas "kumpulan input-btn".

Memandangkan kami tidak perlu menunjukkan label untuk medan carian, kami akan menyembunyikannya dengan kelas "sr-sahaja". Ini diperlukan untuk pembaca skrin khusus.

Kelas "btn-primary" ditambahkan pada butang, bermakna ini ialah butang utama borang ini.

…Cari GO
Apa yang kita tinggalkan ialah menetapkan lebar borang carian dalam gaya.

Body ( … .wrapper ( … header ( … .form-search ( lebar: 200px; ) ) ) )

Untuk memaparkan menu, ambil komponen "panel navigasi" dan letakkan di dalamnya komponen "navigasi", iaitu senarai dengan pautan. Untuk navigasi, kelas "navbar-nav" ditambah, yang menggunakan gaya navigasi khas dalam navbar.

• Rumah
• Tentang kita
• Perkhidmatan
• rakan kongsi
• Pelanggan
• Projek
• Kerjaya
• Kenalan

/*navbar height*/ @navbar-height: 37px; /*set lagi pelapik mendatar*/ @nav-link-padding: 10px 30px; /*latar belakang untuk item menu*/ @navbar-default-bg: @panel-bg; /*warna teks dalam item menu*/ @navbar-default-link-color: #b2b2b2; /*dan apabila melayang tetikus - sama*/ @navbar-default-link-hover-color: @navbar-default-link-color; /*latar belakang item menu aktif ialah warna biru khusus kami*/ @navbar-default-link-active-bg: @brand-primary; /*warna teks item menu aktif*/ @navbar-default-link-active-color: #fff;
Selain parameter yang boleh disesuaikan, kami akan menerangkan parameter tambahan dalam gaya - ini ialah teks huruf besar dan fon khusus kami:

Badan ( … .wrapper ( … .navbar a ( text-transform: uppercase; font: 14px @brand-font; ) ) )

Tajuk halaman diletakkan dalam div dengan kelas "heading".

Tentang kita
Dan mempunyai gaya berikut:

Badan ( … .pembungkus ( … .heading ( ketinggian: 40px; latar belakang: url telus(../images/h1-bg.png); jidar: 30px 0; padding-left: 20px; h1 ( paparan: inline-block; warna: #7e7e7e; fon: biasa 40px/40px "Oswald", sans-serif;
Di sini kita melukis jalur kelabu sebagai latar belakang pada div, dan memasukkan h1 sebaris ke dalamnya dengan latar belakang fon dan warna halaman yang dikehendaki untuk mencipta kesan latar belakang telus untuk h1.

Apabila mencipta submenu, kami tidak akan menggunakan komponen "navigasi", kerana ia tidak begitu sesuai untuk kami dalam gaya komponen "senarai berkumpulan" lebih sesuai untuk kami. Setiap elemen komponen sedemikian mempunyai kelas "senarai-kumpulan-item".

Submenu hendaklah diletakkan dalam tag tepi. Kami membuat senarai pautan dengan cara yang sama seperti menu utama.

• Lorem ipsum
• Donec tincidunt laoreet
• Vestibulum elit
• Etiam pharetra
• Phasellus placerat
• Cras et nisi vitae odio

@list-group-bg: @panel-bg; @senarai-kumpulan-sempadan: @panel-dalam-sempadan;
Dan gunakan gaya berikut pada submenu:

Badan ( … .pembungkus ( … .submenu ( margin-bawah: 30px; li ( paparan: senarai-item; fon: 300 14px @jenama-fon; senarai-gaya-kedudukan: dalam; senarai-jenis-jenis: persegi; padding : 10px; text-transform: huruf besar; &.active ( color: @brand-primary; ) a ( color: @text-color; text-decoration: none; &:hover ( color: @text-color; ) ) ) )
Mula-mula, kami mengembalikan gaya standard kepada elemen senarai, memandangkan Bootstrap menggantikannya dengan elemennya sendiri. Tambah padding di bahagian bawah. Submenu menggunakan fon yang lebih nipis dan penanda segi empat sama. Dan untuk pautan kami menetapkan warna, huruf besar dan mengalih keluar garis bawah. Ampersand dalam kod "&.active" akan digantikan oleh pemilih induk pada masa penyusunan menggunakan sintaks KURANG: ".submenu li.active".

Untuk memaparkannya, kami akan menggunakan komponen "panel", atau sebaliknya variasinya "panel-primary" untuk mewarna tajuk. Komponen ini mengandungi blok pengepala (kepala panel) dan blok kandungan panel (badan panel). Kami menambah kelas "img-responsif" pada imej peta, yang akan membolehkan imej mengecut apabila lebar skrin kecil.

… Pejabat kami
Dalam pembolehubah Bootstrap kami telah menetapkan warna untuk latar belakang panel (panel-bg), dan kini kami akan menunjukkan bahawa panel "utama" akan mempunyai sempadan kelabu panel lalai, dan bukannya biru lalai:

@panel-primary-border: @panel-inner-border;
Kini dalam gaya tapak anda perlu menukar tetapan panel standard, yang tidak diubah melalui pembolehubah:

Panel ( box-shadow: none; .panel-heading ( font: 14px @brand-font; text-transform: uppercase; padding: 10px; ) .panel-body ( padding: 10px; ) )
Di sini kami mengeluarkan bayang daripada panel, menambah inden kami sendiri dan menetapkan fon tajuk kami sendiri.

Elemen halaman ini paling mirip dengan komponen Jumbotron. Mari tambahkannya pada lajur kandungan:

“Cuis dalam enim velit, dan dignissim est.” nulla ul corper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat.”

@jumbotron-bg: @jenama-utama; @jumbotron-color: #fff;
Dan mari kita huraikan gaya kami:

Badan ( … .pembungkus ( … .jumbotron ( jejari sempadan: 0; padding: 0; margin: 0; petikan blok ( sempadan-kiri: tiada; p ( fon: 300 condong 33px @brand-font; text-transform: uppercase; margin-bawah: 0; ) kecil ( text-align: right; color: #1D8EA6; font: 300 20px @brand-font; &:before ( kandungan: ""; ) ) ) )
Di dalamnya, kami mengalih keluar pembundaran sudut, pelapik komponen dan hiasan petikan yang ditetapkan oleh Bootstrap secara lalai. Kami juga akan menambah gaya untuk fon kami.

Lorem ipsum dolor sit amet…

Selesai atau nisl nibh…

Selesai atau nisl nibh…

Kelas "gambar kecil" menukar imej menjadi komponen "gambar kecil". Dia akan melakukan semua kerja untuk menggayakan imej untuk kita. Satu-satunya perkara yang tinggal untuk kami ialah menetapkan padding dan warna sempadan kami dalam pembolehubah untuk komponen ini:

@lapik thumbnail: 1px; @thumbnail-border: #c9c9c9;

Apabila meletakkan blok ini, mari kita tambahkan tajuk dahulu:

Pasukan kami
dengan gaya:

Badan ( … .pembungkus ( … h2 ( latar belakang: tiada ulang tatal 0 0 #29C5E6; warna: #fff; fon: 300 30px @font-jenama; padding: 0 10px; text-transform: huruf besar; ) ) )
Dan kemudian kami akan menambah blok dengan kelas "pasukan", yang terdiri daripada dua baris yang mengandungi kad pekerja. Setiap kad adalah lajur. Kad mempunyai lebar yang sama dengan empat lajur grid kami. Semua kad kecuali yang pertama dalam baris mempunyai inden kiri, yang dicipta oleh kelas "col-md-offset-1". Kandungan kad terdiri daripada imej dan penerangan (.caption)

John Doe Saundra Pittsley

Ketua pasukan

Pengarah Seni

pereka ui senior

Body ( … .wrapper ( … .team ( .row ( margin-top: 20px; .col ( white-space: nowrap; .thumbnail ( margin-bottom: 5px; ) ) .col-md-offset-1 ( margin- kiri: 3.7%; .kapsyen ( h3 ( fon: 300 16px @jenama-fon; jidar: 0; ) p ( fon: 300 14px @jenama-fon; warna: @jenama-utama; jidar: 0; ) ) ) )
Sebagai tambahan kepada inden dan gaya fon yang ditetapkan di sini, kami menukar kelas "col-md-offset-1". Dia terpaksa menetapkan inden kepada 3.7% kerana... lekukan standard terlalu besar.

Mula-mula, mari buat bekas pengaki dengan blok ini:

Dan gunakan reka bentuk padanya:

Pengaki ( latar belakang: #7e7e7e; warna: #dbdbdb; saiz fon: 11px; .bekas ( ketinggian: 110px; padding: 10px 0; ) )
Teg pengaki mentakrifkan kawasan kelabu merentas keseluruhan lebar skrin, dan bekas di dalamnya memaparkan kawasan berpusat pada skrin yang lebih besar dan menentukan ketinggian dan pelapik pengaki. Kami menggunakan lajur untuk menjajarkan blok dalam pengaki.

Suapan Twitter 23 Okt

Dalam ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. Dalam eget mi dui, duduk amet scelerisque nunc. Aenean Ogos

Badan ( ... footer ( ... .container ( ... h3 ( border-bottom: 1px solid #919191; color: #ffffff; font-size: 14px; line-height: 21px; font-family: @brand -font; margin: 0 0 10px; text-transform: uppercase; ) ) )
Untuk semua tajuk pengaki, kami menetapkan fon dan inden, dan juga membuat garis bawah melalui bingkai bawah. Untuk perenggan, nyatakan lekukan. Untuk pautan yang memaparkan tarikh, tetapkan warna dan garis bawah.

Peta laman Rumah Tentang Perkhidmatan rakan kongsi Sokongan Kenalan
Kami menetapkan pautan kepada warna, fon dan ruang di antaranya.

Badan ( ... pengaki ( ... .bekas ( ... a ( warna: #dbdbdb; ) .peta tapak a ( paparan: blok; saiz fon: 12px; margin-bawah: 5px; ) ) ) )

Kami memasukkan satu set pautan ke dalam blok dengan kelas "sosial".

Rangkaian sosial
Dan gayakan mereka:

Badan ( … pengaki ( … .bekas ( … .sosial ( .ikon sosial ( lebar: 30px; tinggi: 30px; latar belakang: url(../images/social.png)) tiada ulangan; paparan: blok sebaris; jidar -kanan: 10px; .social-icon-small ( lebar: 16px; tinggi: 16px; latar belakang: url(../images/social-small.png) no-repeat; paparan: inline-block; margin: 5px 6px 0 0; ) .twitter (kedudukan latar belakang: 0 0; ) .facebook (kedudukan latar belakang: -30px 0; ) .google-plus (kedudukan latar belakang: -60px 0; ) .vimeo (kedudukan latar belakang: 0 0 ; ) .youtube (kedudukan latar belakang: -16px 0; ) .flickr (kedudukan latar belakang: -32px 0; ) .instagram (kedudukan latar belakang: -48px 0; ) .rss (kedudukan latar belakang: -64px 0; ) ) ) ) )
Di sini kami menggunakan teknik sprite - apabila satu fail imej digunakan untuk gambar yang berbeza. Semua pautan dibahagikan kepada ikon besar (.social-icon) dan yang kecil (.social-icon-small). Kami menetapkan kelas ini untuk dipaparkan sebagai blok sebaris dengan saiz tetap dan latar belakang yang sama. Dan kemudian dengan menggunakan CSS Kami mengalihkan latar belakang ini supaya imej yang sepadan dipaparkan pada setiap pautan.

Copyright 2012 Whitesquare. Penciptaan pcklab

Badan ( … .footer ( … .container ( … .footer-logo ( float: right; margin-top: 20px; font-size: 10px; text-align: right; a ( text-decoration: underline; ) ) ) ) )

Ini melengkapkan reka letak. Projek yang telah siap boleh dimuat turun

Selamat datang ke halaman blog permulaan. Nasib bermula di sini. Jika anda cuba mencipta laman web yang baik dan cekap semudah mungkin, tetapi belum memahami sepenuhnya program, semua terma dan kod, maka artikel ini adalah untuk anda.

Susun atur Bootstrap Adaptive - bagaimana semuanya saling berkaitan? Mengapa anda memerlukan rangka kerja, apakah itu, bagaimana ia membantu dan adakah ia benar-benar menjadikan hidup lebih mudah? Saya juga akan memberitahu anda cara menggunakan program ini secara maksimum tanpa merosakkan projek masa depan, dan di mana untuk mencari pelajaran yang baik. Baiklah, mari kita mulakan?

Saya menganggap bahawa tidak semua pembaca saya memahami dengan baik apa itu rangka kerja dan telah berjaya memuat turun dan memikirkannya sendiri. Saya akan mulakan dengan maklumat khusus untuk mereka. Baru-baru ini saya menulis tentang susun atur penyesuaian dan memanggil Bootstrap sebagai program. Saya melakukan ini untuk memudahkan persepsi, walaupun rangka kerjanya tidak begitu.

Ini ialah satu set aplikasi, skrip atau pemalam, boleh dikatakan, yang memudahkan untuk membuat borang khas di tapak, karusel dengan imej, menunjukkan tapak pada peranti mudah alih atau tidak melakukan ini, dan sebagainya.

Seperti yang anda mungkin sudah tahu, untuk setiap tindakan ini pengaturcara mesti menghasilkan dan menulis kod. Jika anda menggunakan Bootstrap, anda tidak perlu melakukan ini. Anda hanya mengambil templat yang sudah siap dan menukarnya mengikut kehendak anda. Akibatnya, masa bekerja berkurangan dengan ketara.

Selain mempercepatkan, keutamaan rangka kerja ini juga termasuk mengurangkan keperluan untuk juruweb. Sebaik-baiknya, laman web ini dicipta oleh orang yang sangat mahir dalam JavaScript dan boleh menulis segala-galanya sendiri. Jika anda bekerja dengan Bootstrap, maka pengetahuan anda mungkin tidak begitu mendalam. Tahap asas akan cukup.

Anda boleh melihat apa yang Bootstrap 3 mampu lakukan di tapak web dengan dokumentasi Rusia dalam bahagian css, JavaScript dan komponen. Selepas mengklik pada tab yang dikehendaki, menu yang sangat mudah muncul di sebelah kanan, yang membolehkan anda pergi ke tempat yang dikehendaki dalam dokumen.

Contoh khusus di sini menunjukkan rupa bahagian kod yang bertanggungjawab untuk tindakan tertentu, serta hasilnya. Anda boleh menetapkan keterlihatan kandungan untuk mana-mana peranti mudah alih. Kebenaran dan tetapan lain telah pun selesai.

Kursus itu sendiri Berlatih dari A hingga Z"bertahan kira-kira 17 jam. Pada masa ini, anda memperoleh pengetahuan teori yang penting, dan kemudian mempraktikkan cara menggunakan elemen tertentu dengan betul: elemen mana yang hendak dialih keluar daripada kod, perkara yang diperlukan untuk menjadikan tapak berfungsi dengan lebih pantas, apa itu dan banyak lagi.

Nah, satu lagi kursus bonus, 4 alat tambah TOP untuk Bootstrap yang akan membantu rangka kerja berfungsi dengan lebih cekap.

Nah, nampaknya itu sahaja. Langgan surat berita dan ketahui lebih lanjut tentang penyelesaian mudah kepada masalah yang rumit dan pendekatan yang betul apabila bekerja dengan produk yang tidak betul.