① 關於html模板。 我用bootstrap框架寫了個個人主頁
如果修改樣式的話 當然是這3個頁面全都指向同一個css文件 樣式自然相同
如果想修改頁面元素回 3個文件公用相同答的 header.html 和footer,html 包含進來
修改只修改這3個頁面的body里的內容
如果都一樣 豈不是3個頁面全都相同了
② HTML文件和Bootstrap模板 的區別
Bootstrap 是CSS/HTML框架 封裝好有很多樣式屬性,要用時候直接調用就可以了。
③ 急需一套 bootstrap+iframe做成的後台管理頁面模板
給你個下載地址,有在線演示的,飛天素材網後台管理框架模板V1.0
網頁鏈接
④ 下載了bootstrap模板,怎麼應用到自己的網站,我是新手
一般出現亂碼問題,很可能就是你模板編碼和你的程序不對應導致瀏覽器輸出的時候選擇其中一種;還有就是你操作選擇的時候出現錯誤導致的。不清楚可以問wo
⑤ Bootstrap怎麼用做模板的時候怎麼知道調用哪個類名分別有什麼用
官方有來幫助手冊,你可以參考官方的自幫助手冊來調用,就像你學css 一樣,font有什麼樣式,都是默認的,在使用Dreamweaver寫的時候,font-會自動彈出之後的屬性。
bootstrap也一樣,在你調用官方css之後,參考官方手冊,Dreamweaver會自動彈窗,你選擇你需要的,快速開發前端框架
⑥ 如何修改bootstrap模板,要實實在在的步驟,
用amaze ui
也是基於bootstrap的來UI。比bootstrap功能多源,樣式好看,一整套中文教程還有模板案例。
至於你一定要說修改bootstrap模板
1:下載模板
2:用谷歌瀏覽器打開index.html(一般都有這個頁面)
3:用谷歌瀏覽器調試(F12),選中要修改的元素。在調試框右邊修改樣式。修改好了。就將這個樣式單獨寫一個class賦值上去
⑦ bootstrap的一個模板"ACE管理界面後台網頁模板"
bootstrap.min.css是通用樣式,作用在全局都有用到。
如果想改變皮膚就修改ace.min.css中的參數,顏色,像素大小 圖片等等
⑧ bootstrap用什麼編輯器
以下是 15 款最好的 Bootstrap 編輯器或者是在線編輯工具。
1. Bootstrap Magic
這是一個 Bootstrap 主題生成器,使用最新的 Bootstrap 3 版本和 Angular JS 版本,提供一個鮮活的用戶修改預覽。它包括了各種各樣的導入,一個顏色選擇器和智能的預先輸入。更神奇的是,Bootstrap 會根據用戶的每個選擇來重新簡歷框架,方便用戶的下載和使用。
2. BootSwatchr
BootSwatchr 是由 Drew Strickiand 獨立開發和維護的,是唯一支持從右到左語言顯示的 Bootstrap 自定義構建工具,這也是它的特色之一。BootSwatchr 是個可視化的工具,可以從底層開始創建 Bootstrap 主題。
3. Bootstrap Live Editor
Bootstrap Live Editor 是個所見即所得的構建 Bootstrap 的編輯器。在 Bootstrap 准備好的內容和代碼片段的基礎上提供一個又好又優雅的方法來編輯和美化 html,也因此它是個明智的選擇。除此之外,它還包括高級的選項比如按鈕配置,自定義標簽和為用戶做最明智最有益的選擇。
4. Fancy Boot
Fancyboot 是個非常有用的 Bootstrap 自定義工具,允許用戶編輯 Bootstrap 的配置,自動預覽他們的修改結果。通過滑動菜單可以選擇需要使用的插件和組件。當用戶做好了相應的修改,可以下載一個包含用戶所使用的 jQuery 插件的編譯好的和簡化後的 CSS 文件。
5. Style Bootstrap
Style Bootstrap 是個非常棒的內置瀏覽器的 GUI 實用工具,幫助用戶自定義 Twitter Bootstrap 外觀。它非常容易進行自定義操作。從 body 風格,字體排版,按鈕,導航,格式,通知提示和其他用戶很容易根據自己的意願自定義的元素。除了強大的自定義功能,它還可以很容易生成可下載的 CSS 文件。
6. Lavish
Lavish 是個幫助用戶從一個圖像中定製自己喜歡的 Bootstrap 配色方案。用戶可以從圖像中選擇各種顏色用在 body 背景,鏈接,頭部,菜單,標簽,文本,下拉菜單等等元素上。一旦你確定了 Bootstrap 配色方案,就可以很方便的下載相應的 Boostrap.css 文件。
7. Bootstrap ThemeRoller
Bootstrap ThemeRoller 是個直觀的 web 應用程序, 提供一個可視化的界面讓用戶按照自己的風格創建屬於自己的 Bootstrap 主題。有了這個工具,用戶可以自定義顏色,大小,字體,格式,表,按鈕,警告信息,導航條,菜單等等元素。 這個應用還會幫用戶創建的每種風格都生成唯一的一個 URL ,這樣就可以保存用戶所有的設置。更不可思議的是,當用戶離開的時候,用戶可以停止或者恢復自己定製的頁面。
8. LayoutIt!
LayoutIt!擁有拖拽介面的功能,能簡單迅速的構建一個 Bootstrap 前端代碼。LayoutIt! 兼容任何的編程語言,允許用戶下載 HTML ,在這里自由的進行編碼設計。
9. Pingendo
Pingendo 是個可視化的桌面應用程序,允許用戶給予流行的 Twitter Bootstrap 框架創建響應式 web 頁面原型。Pingendo 還提供大量的現成的布局,拖拽元素的位置,調整大小和自定義的功能。用戶可以自行優化他們的頁面,插入他們自己的內容。
10. Kickstrap
Kickstrap 是個 Bootstrap UI 編輯器,使用 Firebase 作為一個後台服務。它無縫的接合了 Bootstrap 和頂級的 web 技術。更厲害的是,它可以運行一個已驗證的,不需要本地後台支持,資料庫驅動的 web 應用。
11. Bootply
Bootply 是一款很棒的 Bootstrap UI 編輯工具,盡可能簡單的讓用戶編輯 Bootstrap 友好的 CSS ,HTML 和 Javascript 。同時也是一個可拖拽的可視化編輯器,用來設計,創建原型和測試 Bootstrap 框架。Bootply 有個代碼存儲庫,裡麵包括了 Bootstrap 代碼片段,示例和模板。除了以上這些,更吸引人的是它有個非常活躍的 Bootply 社區,用戶可以很方便的發現,分享和展示相關的代碼和片段。
12. X-editable
X-Editable 是一個擴展庫,允許用戶創建可編輯的元素,比如頁面彈出和內聯模式。她提供本地的 Bootstrap,jQuery UI 或者是純 jQuery 編輯功能。此 Bootstrap UI 編輯器擁有許多很強大的功能,包括客戶端,服務端驗證,支持鍵盤,live 事件,可定製的容器空間等等。總而言之,它提供非常快速的開發功能,易於刪除欄位,一個用來更新數據的簡簡單後台腳本。
13. Jetstrap
不要錯誤的以為 Jetstrap 只是個簡單的實體模型工具,它是 100% 基於 web 介面的 Twitter Bootstrap 構建工具。用戶不需要下載任何類型的軟體就可以使用 Jetstrap。用戶只需要登錄,然後構建自己的項目,就可以隨時隨地進行訪問了。構建功能主要是提供給開發者和設計者的,用戶很容易就可以通過 Jetstrap 生成漂亮的網站,而且運行速度非常快
14. DivShot
DivShot 是個快速的,可視化的前端開發文本編輯器,跟 mockup 工具一樣的簡單整潔。包括各種框架需要的各種定製的組件庫,這是它提供的最好的工具之一。除此之外還包括了一個主題轉換器,允許用戶修改主題。試驗版本是免費的,過了試驗期就需要自己付費維持原來的服務了。
15. PaintStrap
PaintStrap 使用 Adobe kuler/COLOURlovers 顏色組合來生成漂亮的 Twitter Bootstrap 主題。這個工具特別容易安裝,同時很容易下載 CSS 文件並且也很容易替換成另一個標準的文件。
⑨ bootstrap 的模板實現後端功能
如果你要是靜態的網頁,那很簡單啊,把你的模板里代碼找到對應的版位置,用你自己的內權容替換。例如900*300圖片位置放上你的blog圖片,下面的文字估計是放在span/p/div標簽里的可以放你的博客標題及文章內容
要是動態的話你就要取資料庫里的內容,(我不會php只會java),你也可以建JSP頁面內嵌java代碼連接資料庫<% java代碼 %>,或者使用主流的框架如springmvc等