-
bootstrap組件導航
查看全部 -
<meta> 可控制頁面樣式大小查看全部
-
驗證像素高的視網膜屏,避免出現字體和邊框變粗的情況
查看全部 -
<meta name="viewport" content="width=device-width,initial-scale=0.5(設置網頁初始化時的大?。?maximum-scale=1,minimum-sacle=1,user-scalable=no(是否允許用戶放大縮小操作,“yes”時max和min 生效)">
查看全部 -
大標題 . h1-.h6(36px-12px) 小標題 small查看全部
-
下拉菜單的標簽
查看全部 -
col-lg-3
大屏占比為1/3
查看全部 -
@media screen and...
查看全部 -
bootstrap查看全部
-
jetstrap 開發工具查看全部
-
查看全部
-
【Bootstrap中的排版】
【文本】
段落:p標簽——默認:14px;行高:20px;底部外邊距:10px
【對齊】
class = "text-left":左對齊
class = "text-center":居中對齊
class = "text-right":右對齊
【大小寫】
class = "text-lowercase":字母小寫
class = "text-uppercase":字母大寫
class = “text-captialize”:首字母大寫
【標簽】
<mark>強調文字,底邊變黃,高亮標記</mark>
<del>刪除文字,中間有橫線</del>
<ins>標記插入,下劃線</ins>
<u>下劃線</u>
<small>副標題,文字變小,字體比標簽外的字體變小</small>
<strong>標簽加粗字體</strong>
查看全部 -
@media screen查看全部
-
聽了,還有有收獲的,老是辛苦了
查看全部 -
分頁:常用于圖片、文字等的分頁情況。
屬性
屬性詳情
pagination
父元素中添加表示分頁
pager
放置在翻頁區域,與pagination相對
previous
把鏈接向左對齊
next
把鏈接向右對齊
page-header
分頁底部線 *同樣也可以使用-lg/sm顯示按鈕的大小。
案例截圖:
案例代碼:
<!--正常分頁樣式-->
<ul class="pagination">
<li class="active"><a href="">首頁</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">尾頁</a></li>
</ul>
<!--正常分頁樣式 end-->
<!--翻頁樣式-->
<div class="page-header" >
<ul class="pager">
<li class="previous"><a href="">上一頁</a></li>
<li class="next"><a href="">下一頁</a></li>
</ul>
</div>
<!--翻頁樣式 end-->
查看全部
舉報