Bootstrap學習日記之頁面標題

阿新 • • 發佈：2018-12-10

在我們編寫部落格或者其他文字時，都希望標題能都很好的與正文或者是其他標題區別開，不僅是為美觀，也為了更好的管理。那麼此時，頁面標題就顯得尤其重要，它會在網頁標題四周新增適當的邊距，以便和正文以及其他標題區分開

建立基本頁面標題

在<div>中新增class="page-header"
在上面的<div>中放入標題

<div class="page-header">
     <h1>這是正標題
         <small>這是子標題</small>
     </h1>
 </div>
<p>這是正文</p>

執行結果

從結果處可以看出，在<div class="page-header">中的標題很明顯的和正文區分開了，有一條淡灰色的橫線

Bootstrap學習日記之頁面標題

在我們編寫部落格或者其他文字時，都希望標題能都很好的與正文或者是其他標題區別開，不僅是為美觀，也為了更好的管理。那麼此時，頁面標題就顯得尤其重要，它會在網頁標題四周新增適當的邊距，以便和正文以及其他標題區分開建立基本頁面標題在<div>中新增class

Bootstrap學習日記之附加導航

附加導航概述附加導航是一個允許固定<div>在某一個位置上，當點選某個超連結時，該div會鎖定在某個位置，不會隨著一起滾動，通常搭配監聽外掛一起使用。用法 data屬性：在需要固定的<div>上新增data-spy="affix"即

Bootstrap學習日記之輪播外掛

輪播外掛概述當你在瀏覽某些很酷的網站時，你會注意到好的網站都有這麼一個功能，圖片或者視訊在首頁位置，如幻燈片一樣，在輪播。在Bootstrap中也有支援輪播的外掛carousel。這是一種非常靈活的響應式的向站點新增滑塊的方式，它可放置一切內容，如圖片視訊框架等。建立

Bootstrap學習日記之分頁1

分頁是什麼？分頁是往往一個頁面索要顯示的內容太多，無法用一頁表示，那麼我們就會對該頁面進行分頁，在頁面的一個部位，做一個"1-2-3-4"等的連線數字表示頁，如果還不明白請直接看例子建立分頁建立一個帶有class="pagination"的無序列表通過&l

Bootstrap學習日記之徽章

Bootstrap中的徽章跟我們之前學的標籤有點類似，主要區別在徽章表現得更加的圓滑，徽章一般表示未讀訊息的數目建立基本徽章帶有class="badge"的<span>即可不管是導航元素還是文字元素都可以 <p><a

Bootstrap學習日記之警告

警告是什麼？警告的英文單詞是Alerts，警告在Bootstrap中的作用是，為使用者定義了一種用於訊息通知樣式的方式。它們為典型的使用者提供了上下文反饋建立警告框建立一個帶有class="alerts"的<div> 在上面的<div>

Bootstrap學習日記之面板

面板是什麼？面板就是可以將DOM元件放到一起的盒子，建立基本面板建立帶有class="panel"的<div>面板容器為面板容器新增基本樣式，如：class="panel-primary"、class="panel-default" 在面板容器中

Bootstrap學習日記之警告框

警告框概述警告框訊息大多是用來向終端使用者顯示如警告及確認訊息的。它與Java Script中的alert()不同，它不需要觸發器，直接顯示在頁面中，而不是通過彈窗用法建立<div>警告框容器，新增class="alert" 在警告框容器中新增樣

Bootstrap學習日記之表格系統

Bootstrap中的表格系統也是該框架中的一大亮點，它重新細化了<table>標籤，同時由於它簡單佈局的預定義類和強大的混合類增加了它的拓展性。 <table>就是表格的主題，代表了以下內容都在表格內，同時為表格新增基礎樣式

學習日記之享元模式和Effective C++

實例存儲通過由於類型 ati 擦除 -s 當前享元模式（Flyweight）：運用共享技術有效地支持大量細粒度的對象。（1），享元模式能夠避免大量很相似的開銷。在程序設計中，有時須要生成大量細粒度的類實例來表示數據。假設能發現這些實例除了幾個參數外基本上都是

Python學習日記之三變量2、邏輯判斷、for循環

分享奇怪就是 inf bubuko 字母 for循環判斷發現復習默寫猜數字小代碼，出現的問題。 While語句下的條件。應為result==false和answer=input()時。如果answer=input()寫在while的外邊，就會像昨天那樣一直輸出to

linux學習日記之系統定時延時任務

crontab mage oss ext 出現文件特定目錄 -- 1.系統延時任務1.系統延時任務是指指定任務於將來的某個特定時間執行，是一次性任務，比如文件的創建，刪除等等2.任務的發起使用at+time命令發起，意思為在指定的時間執行指定的任務，為一次性任務at

linux學習日記之磁盤的管理

改變單元 ffffff ace 關閉 count fstab b2b lose 1.本地存儲設備的識別fdisk -l 真實存在的設備cat /proc/partition 系統識別的設備blkid 系統可以使用的設備df 查看系統正在掛載的設備2.設備的掛

Linux學習日記之yum源的搭建及共享

update 鏡像文件 cal rpm -ivh 名稱 arch rhel 系統 mkdir 一.軟件的安裝軟件的安裝有兩種方法，一種是rpm，安裝，一種是yum安裝，rpm安裝缺點是無法解決軟件的依賴關系,對於軟件的依賴關系,需要手動,一個一個的安裝,比較麻煩，yum安裝

Linux學習日記之seLinux的簡單管理

1.seLinuxSELinux(Security-Enhanced Linux) 是美國國家安全域性（NSA）對於強制訪問控制的實現，是 Linux歷史上最傑出的新安全子系統。NSA是在Linux社群的幫助下開發了一種訪問控制體系，在這種訪問控制體系的限制下，程序只能訪問那些在他的任務中所需要檔案。SELi

android學習日記之provider，service，widget

所有文件及例項均為老師編寫歸納，版權均歸我的Android老師所有，如有侵權即刪一、provider ContentProvider: 資料共享（資料提供者） 1. ContentProvider如何實現資料共享 2. 如何操作ContentProv

android學習日記之activity

package com.example.activity_1; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.util.Log; import andr

Bootstrap學習筆記之Nestable可拖拽樹結構

Nestable是基於Bootstrap的一個可拖拽的樹結構表現外掛。下面粗略的介紹一下它的用法，只作為學習參考，如有不合適之處，請各位湊合看。下圖是我在現在系統中用到的Nestable，對系統模組排序。 1.首先是需要引入的檔案 bootstrap.min

黑馬程式設計師--Java學習日記之面向物件(封裝,繼承和構造方法)

------- android培訓、java培訓、期待與您交流！ ---------- 面向物件思想：面向過程，以函式為基礎，關注的是實現過程；面向物件，以物件為基礎，關注的是最終結果；面向物件思想特點是一種更符合我們思想習慣的思想

黑馬程式設計師--Java學習日記之GUI&網路程式設計

------- android培訓、java培訓、期待與您交流！ ---------- GUI 如何建立一個視窗並顯示 Graphical User Interface(圖形使用者介面)。

Bootstrap學習日記之頁面標題

相關推薦