Twitter Bootstrap ändert das Rendering der Fieldset-Legende, warum?
In diesem ASP.NET MVC 3 Projekt habe ich gerade angefangen mit Twitter Bootstrap zu experimentieren, aber ich merke, dass es mit dem Rendering von <fieldset> legends kollidiert. Was passiert mit der Rendering-Legende hier und wie bekomme ich es wieder zur Normalität? Das heißt, ich möchte, dass die rechte Linie wieder vertikal mit der linken Linie ausgerichtet wird.
Das Standard-Legenden-Rendering, vor Bootstrap, auf der linken Seite, Bootstrap-betroffenes Rendering auf der rechten Seite:
Aktualisierung: Ich habe herausgefunden, was das fehlerhafte Rendering verursacht: Bootstrap ändert die width-Eigenschaft der Legende auf 100% und die border-bottom-Eigenschaft auf "1px solid". Dadurch wird der ursprüngliche Rahmen rechts neben der Legende gelöscht und stattdessen ein Rahmen darunter angezeigt. Die Frage ist, wie das funktionieren soll. Vielleicht stört MVCs CSS (Site.css) das von Bootstrap?
1 Antwort
Wenn Sie Ihre Stylesheet-Deklarationen so ändern, dass der Bootstrap zuletzt ist, sollte das Problem behoben sein, dh:
%Vor%Bootstrap-Stile
%Vor%Standardmäßige MVC Style.css-Stile
%Vor%Das Endergebnis sollte wie folgt aussehen:
vs umgekehrt (MVC Standardstile deklariert zuletzt)
Alternativ können Sie das MVC-Stylesheet ganz loswerden und Bootstrap zusammen mit allen benutzerdefinierten Styles verwenden, die Sie benötigen.
Tags und Links asp.net-mvc asp.net-mvc-3 css twitter-bootstrap