unbekannte Lücke vor Eingabe-Gruppe-Addon in der Vorlage asp.net mvc 5 Vorlage

8

wie man reproduziert:

  1. Erstellen Sie ein neues ASP.Net MVC-Projekt
  2. fügen Sie ein Modell hinzu
  3. Fügen Sie einen Controller mit Gerüstansichten hinzu
  4. Öffnen Sie Create.cshtml im Browser und ändern Sie dann jede "Formulargruppe" mit Hilfe von Firebug oder Entwicklertools:

Von:

%Vor%

An:

%Vor%

wir haben einfach "input" in ein "div" mit "class = 'input-group'" eingefügt und ein "input-group-addon"

hinzugefügt

Das Ergebnis ist sehr seltsam, es sieht so aus: Ссылка

aber das richtige Ergebnis ist das: Ссылка

ist dies ein Fehler mit ASP.Net MVC 5 Standardvorlage oder was?

    
Abu Assar 22.10.2014, 12:18
quelle

2 Antworten

14

Es ist ein interessanter Fehler in der Interaktion zwischen Bootstrap CSS und Microsoft Standardstilen.

Sehen Sie in Ihrer Standard-CSS-Datei "Site.css" nach und entfernen Sie den Block nach dem Kommentar Set width on the form input elements since they're 100% wide by default , wobei max-width -Eigenschaft für Eingaben gesetzt wird.

Und wenn Sie Ihre Eingabe nach Größe einschränken möchten, sollten Sie dies mit den col-md-... -Klassen von Bootstrap tun.

    
idlerboris 22.10.2014, 13:02
quelle
-1

Wenn Sie sich Ihre Screenshots ansehen, ist es sehr klar, dass MVC5 die Standard-Bootstrap-Eingabeeigenschaften überschreibt.

Fügen Sie den folgenden CSS-Code zu Ihrem Stylesheet hinzu. Dies wird das Problem lösen.

%Vor%     
Kiran Varthi 22.10.2014 12:37
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset ArangoDB Link-Dokumente