suchen
HeimWeb-FrontendHTML-TutorialBootstrap后台使用问题汇总(一)_html/css_WEB-ITnose

第一次自己汇总写博客啊,不懂规矩,大家包涵~~

 

    最近进行的项目中需要一个后台,于是在网上Down了许多Bootstrap后台源码。精挑细选决定用“ACE后台管理系统”(因为是中文的,英文三级狗的小鹿还能看懂)。

先来一个预览图:

 

 

使用过程中发现几个问题总结如下:

1.页面加载缓慢或者根本打不开。

疑惑很久,用编辑器打开看源码发现下面这句代码:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

注释后果然快速打开了。

解决办法:fonts.googleapis.com加载慢解决办法

2.该后台程序使用的是Font Awesome图标。

第一次使用这个图标字体库忽略掉了源码使用的字体库版本问题,替换成最新的字体库版本,造成部分图标显示不出。

解决办法:当然是下载对应版本的字体库喽

另:字体库链接使用了bootstrap中文网里的服务。

3.令人苦恼的浏览器兼容问题。

FF、Chrome支持良好,IE下出现问题。发现时JQ版本问题。

原因:jQuery 2.0 不再支持 IE 6/7/8

解决办法:插入两个版本JQ,对浏览器进行判断。代码如下:

<!--[if !IE]><!--><script src="assets/js/jquery-2.0.3.min.js"></script><!--<![endif]-->  <!--[if IE]> <script src="assets/js/jquery-1.10.2.min.js"></script><![endif]-->

4.继续研究中……

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Was ist der Unterschied zwischen einem HTML -Tag und einem HTML -Attribut?Was ist der Unterschied zwischen einem HTML -Tag und einem HTML -Attribut?May 14, 2025 am 12:01 AM

HTMLtagsdefinethestructureofawebpage,whileattributesaddfunctionalityanddetails.1)Tagslike,,andoutlinethecontent'splacement.2)Attributessuchassrc,class,andstyleenhancetagsbyspecifyingimagesources,styling,andmore,improvingfunctionalityandappearance.

Die Zukunft von HTML: Evolution und TrendsDie Zukunft von HTML: Evolution und TrendsMay 13, 2025 am 12:01 AM

Die Zukunft von HTML wird sich in einer semantischen, funktionaleren und modularen Richtung entwickeln. 1) Die Semantisierung macht den Tag den Inhalt klarer und verbessert die SEO und den barrierefreien Zugang. 2) Die Funktionalisierung führt neue Elemente und Attribute ein, um die Benutzerbedürfnisse zu erfüllen. 3) Modularität unterstützt die Komponentenentwicklung und verbessert die Wiederverwendbarkeit der Code.

Warum sind HTML -Attribute für die Webentwicklung wichtig?Warum sind HTML -Attribute für die Webentwicklung wichtig?May 12, 2025 am 12:01 AM

HtmlattributesarecrucialinwebdevelopmentforcontrollingBehavior, Aussehen und Funktionalität

Was ist der Zweck des ALT -Attributs? Warum ist es wichtig?Was ist der Zweck des ALT -Attributs? Warum ist es wichtig?May 11, 2025 am 12:01 AM

Das ALT -Attribut ist ein wichtiger Bestandteil des Tags in HTML und wird verwendet, um alternative Text für Bilder bereitzustellen. 1. Wenn das Bild nicht geladen werden kann, wird der Text im ALT -Attribut angezeigt, um die Benutzererfahrung zu verbessern. 2. Bildschirmleser verwenden das ALT -Attribut, um sehbehinderte Benutzer zu helfen, den Inhalt des Bildes zu verstehen. 3. Search Engines Index Text im ALT -Attribut zur Verbesserung des SEO -Rankings von Webseiten.

HTML, CSS und JavaScript: Beispiele und praktische AnwendungenHTML, CSS und JavaScript: Beispiele und praktische AnwendungenMay 09, 2025 am 12:01 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML wird zum Erstellen von Webseitenstruktur verwendet. 2. CSS wird verwendet, um das Erscheinungsbild von Webseiten zu verschönern. 3.. JavaScript wird verwendet, um eine dynamische Interaktion zu erreichen. Durch Tags, Stile und Skripte erstellen diese drei zusammen die Kernfunktionen moderner Webseiten.

Wie setzen Sie das Lang -Attribut auf dem  -Tag ein? Warum ist das wichtig?Wie setzen Sie das Lang -Attribut auf dem -Tag ein? Warum ist das wichtig?May 08, 2025 am 12:03 AM

Das Einstellen der Lang -Attribute eines Tags ist ein wichtiger Schritt zur Optimierung der Web -Barrierefreiheit und der SEO. 1) Stellen Sie das Lang -Attribut im Tag ein, z. B.. 2) Setzen Sie in mehrsprachigen Inhalten Lang -Attribute für verschiedene Sprachteile, wie z. 3) Verwenden Sie Sprachcodes, die den ISO639-1-Standards entsprechen, wie z. B. "EN", "FR", "ZH" usw. Das korrekte Einstellen des Lang-Attributs kann die Zugänglichkeit von Webseiten und Suchmaschinenrankings verbessern.

Was ist der Zweck von HTML -Attributen?Was ist der Zweck von HTML -Attributen?May 07, 2025 am 12:01 AM

HtmlattributesareessentialforenHancingWebelements'Functionality und Interaktion

Wie erstellt man eine Liste in HTML?Wie erstellt man eine Liste in HTML?May 06, 2025 am 12:01 AM

Tocreatealistinhtml, usefornorderedListsandfororderedLists: 1) ForunorderedLists, WrapitemsinanduseforeachItem, RenderingasabulletedList.2) ForderedLists, UseinDFornumnedLists, anpassbar mit

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Nordhold: Fusionssystem, erklärt
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Flüstern des Hexenbaum
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

SublimeText3 Englische Version

SublimeText3 Englische Version

Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.