bootstrap --- 面板

基本樣式

在這里插入圖片描述

<div class="panel panel-default"><div class="panel-heading">面板頭...</div><div class="panel-body">面板身體...</div><div class="panel-footer">面板腳...</div>
</div>

帶(顏色)提示的面板

在這里插入圖片描述

<div class="panel panel-success"><div class="panel-heading">success面板頭...</div><div class="panel-body">面板身體...</div><div class="panel-footer">面板腳...</div>
</div><div class="panel panel-info"><div class="panel-heading">info面板頭...</div><div class="panel-body">面板身體...</div><div class="panel-footer">面板腳...</div>
</div>// ps: 還有warning、danger、primary

參考 《CSS高效開發實戰》 P178

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/251485.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/251485.shtml
英文地址，請注明出處：http://en.pswp.cn/news/251485.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

C#控件訪問調用它的父級頁面

C#控件訪問調用它的父級頁面

C#控件訪問調用它的父級頁面 你建立一個winform程序,出來一個默認窗體Form1&#xff0c;再添加一個UserControl&#xff0c;默認名字為UserControl1;在Form1的窗口里寫如下的代碼: public partial class Form1 : Form { //寂義一個UserControl1對象 UserCo…
閱讀更多...
NSMapTable

NSMapTable

跟NSDictionary用法差不多&#xff0c;不過區別是NSMapTable可以設置內存選項&#xff0c;例如可以設置key跟value的內存屬性&#xff08;weak/strong&#xff09;&#xff0c;從而避免內存泄露。 例如這個 weakToWeakObjectsMapTable 方法可以獲得一個key跟value都是weak的字典…
閱讀更多...
《Linux命令行與shell腳本編程大全 第3版》Shell腳本編程基礎---23

《Linux命令行與shell腳本編程大全 第3版》Shell腳本編程基礎---23

以下為閱讀《Linux命令行與shell腳本編程大全 第3版》的讀書筆記&#xff0c;為了方便記錄&#xff0c;特地與書的內容保持同步&#xff0c;特意做成一節一次隨筆&#xff0c;特記錄如下&#xff1a;轉載于:https://www.cnblogs.com/guochaoxxl/p/7888810.html
閱讀更多...
bootstrap --- 彈出對話框

bootstrap --- 彈出對話框

<button class"btn btn-primary btn-lg" data-toggle"modal" data-target"#myModal">點擊觸發模態對話框 </button><div class"modal fade" id"myModal" tabindex"-1" role"dialog" ari…
閱讀更多...
模意義下的FFT算法

模意義下的FFT算法

//寫在前面 單就FFT算法來說的話&#xff0c;下面只給出個人認為比較重要的推導&#xff0c;詳細的介紹可參考　　FFT算法學習筆記 令v[n]是長度為2N的實序列&#xff0c;V[k]表示該實序列的2N點DFT。定義兩個長度為N的實序列g[n]和h[n]為 g[n]v[2n],　　h[n]v[2n1],　　0<n…
閱讀更多...
bootstrap --- 標簽頁切換

bootstrap --- 標簽頁切換

很多時候,我們希望寫一個簡單的標簽頁.以下使用bootstrap來實現… 首先導入bootstrap的依賴:jquery的依賴、bootstrap的依賴 注意: jquery的依賴要在bootstrap依賴的前面導入,原因是:bootstrap的某些功能是在jquery的基礎上實現的 在 https://www.bootcdn.cn/jquery/ 導入jqu…
閱讀更多...
bootstrap --- 鼠標停留提示事件

bootstrap --- 鼠標停留提示事件

使用bootstrap可以很簡單的實現鼠標停留,提示的效果 <a href"#" data-toggle"tooltip" data-placement"right" title"Tooltip on right" class"btn btn-primary">工具提示</a> // data-toggle"tooltip&…
閱讀更多...
day 3 list列表生成式

day 3 list列表生成式

1.定義一個list列表&#xff0c;里面元素是0-33 a []i 0 while i<33:a.append(i)i1print(a) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32] 2.range &#xff08;切片&#xff09; 1&…
閱讀更多...
2020校招前端知識點整理

2020校招前端知識點整理

自用的前端知識點整理筆記&#xff08;長期更新&#xff09; 開啟面試造火箭模式&#x1f4d4;&#x1f448;點擊獲得更好的閱讀體驗 有錯誤的地方請指出&#xff0c;感激不盡 HTML 你是如何理解HTML語義化的&#xff1f;? 總結&#xff1a;用恰當的標簽來標記內容。 比如…
閱讀更多...
day18 面向對象

day18 面向對象

---恢復內容開始--- 1.1類的相關知識 聲明 def functionName(args):"函數文檔字符串""""函數體""" class 類名:"""類的文檔字符串""""""類體""" #我們創建一個類 class…
閱讀更多...
Android studio導入support-v4.jar

Android studio導入support-v4.jar

support-v4.jar是support library。路徑為<sdk>/extras/android/support/v4/android-support-v4.jar.轉載于:https://www.cnblogs.com/Magina-learning/p/7899788.html
閱讀更多...
html5 --- 特性檢測

html5 --- 特性檢測

使用Moderniz庫可以對H5的特性進行檢測,下載網址: https://modernizr.com // 在HTML 中的head標簽中導入 <script src"/modernizr.min.js"></script>// ps:注意src的路徑畫布(canvas)特性檢測: if (Modernizr.canvas){// 開始畫... } else {// 瀏覽器不…
閱讀更多...
編程學習筆記(第三篇)面向對象技術高級課程：緒論-軟件開發方法的演化與最新趨勢（3）軟件開發的現狀、UML擴展...

編程學習筆記(第三篇)面向對象技術高級課程：緒論-軟件開發方法的演化與最新趨勢（3）軟件開發的現狀、UML擴展...

一、軟件開發的現狀 軟件領域正在發生一個巨變&#xff0c;特別是近幾年來&#xff0c;軟件領域正在發生翻天覆地的變化。 這一變化主要以這個云 端大數據&#xff0c; 這些是隨著目前最先進的一些技術的產生而產生的。 隨著這些新的技術以及軟件開發方法的不斷的提升&#xf…
閱讀更多...
百度地圖得到兩地點(通過經緯度)的距離、 通過經緯度獲取詳細地址

百度地圖得到兩地點(通過經緯度)的距離、 通過經緯度獲取詳細地址

1 /**2 * 計算兩點間的距離3 * pt1 {lng:"12.34",lat:"3423"}第一個點的經緯度4 * pt2 {lng:"12.34",lat:"3423"}第二個點的經緯度5 * */6 getDistance:function(pt1,pt2){7 var map new BMap.Map(&…
閱讀更多...
html5 --- canvas繪制網格并畫x、y軸

html5 --- canvas繪制網格并畫x、y軸

效果如下: // 代碼如下: <body><canvas width"500" height"375" id"c"></canvas><script>(function draw_a() {var a_canvas document.getElementById("c");var context a_canvas.getContext("2d&qu…
閱讀更多...
系統調用軟中斷處理程序system_call分析

系統調用軟中斷處理程序system_call分析

最近學習了系統調用的整個流程&#xff0c;這里總結并記錄。同時作為學習孟寧老師的linux內核課程的作業。 唐建&#xff0c;《Linux內核分析》MOOC課程http://mooc.study.163.com/course/USTC-1000029000 1、概述 系統調用整個過程為&#xff1a;API——封裝例程——system_c…
閱讀更多...
Poj3261 Milk Patterns

Poj3261 Milk Patterns

題目傳送門 題意&#xff1a;對一個字符串求一個最長的子串使得它至少出現k次 額&#xff0c;因為這個題目呢&#xff0c;他的字符集非常大(100W) 所以直接用SAM是不行了&#xff0c;我們考慮用離散化SA&#xff0c;讓后就可以分塊rmq了 當然這樣很麻煩&#xff0c;我們還是用S…
閱讀更多...
html5 --- 使用canvas畫一個漸變矩形

html5 --- 使用canvas畫一個漸變矩形

我們希望得到如下效果: 首先準備畫布 // HTML <canvas width"500" height"375" id "a"> </canvas>// JS // 獲取畫布的DOM元素 var a_canvas document.getElementById("1"); // 獲取畫布的上下文元素(之后,就可以使用…
閱讀更多...
PHP優化與提升

PHP優化與提升

一。十個不錯的建議1.使用 ip2long() 和 long2ip() 函數來把 IP 地址轉化成整型存儲到數據庫里。這種方法把存儲空間降到了接近四分之一&#xff08;char(15) 的 15 個字節對整形的 4 個字節&#xff09;&#xff0c;計算一個特定的地址是不是在一個區段內頁更簡單了&#xff0…
閱讀更多...
Servlet詳解之兩個init方法的作用

Servlet詳解之兩個init方法的作用

在Servlet中 javax.servlet.GenericServlet類 繼承自java.lang.Object 實現了Serializable,&#xff0c;servlet &#xff0c;ServletConfig 三個接口 被繼承對象javax.servlet.http.HttpServlet &#xff08;這是我們常用的一個類&#xff09; 但仔細看GenericServlet的API&am…
閱讀更多...
最新文章

Copyright @ 2022~2023