Django 的母板及布局 Bootstrap

2022-09-16 04:54:10 字數 573 閱讀 8328

django 的母板是作為公共的部分,其他的頁面都能利用這個頁面,並在其基礎上進行新增

母板的形式:

...

子板中繼承母板的內容

子板中新增的內容...

子板自己的js

檔案中有兩種,一種是bootstrap.css,這種是用於除錯的檔案。另一種是min,是經過壓縮的版本,最後是應用於生產環境的。

bootstrap主要應用於css布局,豐富的元件。圖示,在圖示不夠用的情況下,使用font-awesome,使用方法是一樣的。

引入bootstrap和font-awesome的方法,和引入css檔案一致

頁面布局

頁面的整體布局分為3部分,頭部,左側選單,右側內容

css樣式的編寫

關鍵點:

.pg-header .**ata:hover .user-info  這個是hover後進行的操作

匯入 母板頁和普通頁的結構及製作

由於 wss3 的頁面是基於 asp.net2.0 的,所以,它裡面的每個頁面都可以像製作 asp.net2.0 的頁面一樣製作。例如,我們可以製作 master 頁面如下 master language c register tagprefix webpartpages namespace mic...

Django 的命令及簡單例子

cmd進入建立好的django專案目錄 然後使用下面的命令建立乙個專案testdj。sudo usr lib python3 dist packages django bin django admin.py startproject testdj 第二步 在settings.py中配置mysql連線...

iOS UISwitch縮放及布局的坑

如題,應設計要求,預設的switch大小不符合設計要求,所以對switch進行了縮放,方法如下 switch.transfrom cgaffinetransformmakescale 0.863,0.863 如上 大小縮放為了原來尺寸的0.863倍。but.坑來了 switch是放在cell中右側,...