當(dāng)我們?cè)O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，經(jīng)常需要設(shè)置底部信息欄。在設(shè)置底部信息欄時(shí)，我們一般使用HTML代碼來(lái)進(jìn)行布局。但是在布局底部信息欄時(shí)，我們經(jīng)常會(huì)遇到代碼對(duì)齊的問(wèn)題。下面我們來(lái)看看如何解決這個(gè)問(wèn)題。

<footer>
<div class="container">
<div class="row">
<div class="col-6">
<p>版權(quán)所有 ? 2021
在上述代碼中，我們可以看到，在底部信息欄中，我們使用了“container”和“row”類(lèi)來(lái)實(shí)現(xiàn)整個(gè)布局，并且在兩個(gè)信息欄中使用了“col-6”類(lèi)實(shí)現(xiàn)左右對(duì)稱(chēng)的排版效果。
同時(shí)，在右側(cè)信息欄中，我們使用了“text-right”類(lèi)將信息欄靠右對(duì)齊，從而保證了整個(gè)信息欄的對(duì)齊效果。因此，在設(shè)置底部信息欄時(shí)，我們只需要注意使用Bootstrap的類(lèi)來(lái)實(shí)現(xiàn)布局，并通過(guò)調(diào)整類(lèi)的參數(shù)來(lái)實(shí)現(xiàn)對(duì)齊效果即可。