Wie kann ich Bootstrap-Button-Addons in meiner MVC-Ansicht verwenden?
Ich habe Schwierigkeiten, die Schaltflächen-Addons von Bootstrap in meiner MVC-Ansicht zu verwenden. Ich benutze die neueste NuGet-Version von ASP.NET MVC (5.1 rc1) und Bootstrap (3.03).
Ich habe Folgendes aus meiner Sicht (jetzt, wo ich es zurückgestellt habe auf nur handcodierten HTML anstatt Html.EditorFor() zu verwenden, um es zum Laufen zu bringen):
Dies erzeugt den folgenden HTML:
%Vor% Das Problem besteht darin, dass bei der Anzeige im Browser (Chrome 32 / IE 11) eine große Lücke zwischen dem Eingabefeld und der Schaltfläche besteht. So: 
Wenn ich die Größe von div um den input-group div auf col-lg-3 oder kleiner reduziere, ist das in Ordnung. Aber etwas Größeres als das lässt eine Lücke.
Es ist so, als ob es eine maximale Größe für input gibt - und tatsächlich scheinen alle meine inputs kleiner zu sein als ihr Container div ...
Was könnte das verursachen?
1 Antwort
Das standardmäßige Stylesheet Site.css , das mit einem neuen MVC 5-Projekt geliefert wird, enthält eine Regel, die die maximale Breite von Eingaben einschränkt. Was Sie erhalten, ist das Ergebnis der Kontrolle, die die volle verfügbare Breite wie gewünscht umfasst, aber dann wird die Eingabe selbst auf eine definierte Breite beschränkt. Kommentiere das Stück des Stylesheets einfach aus und alles funktioniert wie es sollte.
Es ist eine ziemlich ungeheuerliche Abkürzung, die das Team anscheinend genommen hat, um die Beispielseite schnell aufzubauen.
Tags und Links asp.net-mvc html5 css3 asp.net-mvc-5 twitter-bootstrap