2016-05-31 12 views
0

Ich habe versucht, dieses Rätsel für die letzte Woche zu lösen, und nichts funktioniert. Ich habe versucht, den zusätzlichen Platz in Registerkarten mit Inspect-Element zu reduzieren, aber es funktioniert nicht. Jede Richtung würde für diese UI-Ebenenänderung wirklich geschätzt werden.Platz in der Registerkarte entfernen

Hier ist der Link. http://ec2-52-77-213-236.ap-southeast-1.compute.amazonaws.com/

Ich möchte diesen ungenutzten Platz nach der Rückkehrzeit und so weiter in anderen Arten von Reisen auch entfernen.

+1

Es ist nicht klar, was du willst. Wenn sich die Schaltfläche nach links bewegt, befindet sich rechts daneben eine große weiße Fläche. Willst du den ganzen Balken verkürzt (horizontal)? ** Auch ** - gute Fragen haben den Code * in der Frage *. Ihre Frage wird für künftige Besucher ** wertlos ** sein, da das Problem nach der Behebung des Problems nicht mehr auftritt. –

+0

Ich habe meine Antwort entfernt, als sie runterging. Sie müssen erklären, was Sie mit "Leerzeichen entfernen" meinen. –

+0

Ich möchte nur diesen zusätzlichen Platz und alle anderen Elemente entfernen, um diesen zusätzlichen Platz zu nutzen. Wäre es für die UI-Perspektive gut? – Nishank

Antwort

1
.round-trip .form-control { 
border-radius: 0; 
box-shadow: none; 
height: 55px; 
border: none; 
width: 205px;//<======= 
border-right: 1px #ddd solid; 
} 

für diesen Block

<input required="" type="text" class="form-control start_date" id="datetimepicker1" value="" placeholder="Return Date and Time" name="end"> 
+0

+ Sie verdient die beste Marketing-Kampagne: D – Qaddura

+0

Ich bin nur ein Backend-Entwickler .. keine Notwendigkeit, etwas zu vermarkten :) – Nishank

+0

Ich bin Scherz, ich wollte dir nur sagen, dass andere diese Wahrnehmung haben könnten. Aber gemäß der Lösung, die ich gegeben habe, in Ihrer theme.css Zeile 52 finden Sie diesen Fehler. Reduzieren der Breite auf 205px löst es – Qaddura

-1

Fügen Sie diese bootstrap.css

.tab-content> .active zu überschreiben {display: inline-block;}

+0

Dies reduziert die Breite des gesamten Panels und es schrumpft nach links, was nicht gut aussieht. Danke für deine Antwort !! es löste mein Problem, aber es schuf auch ein anderes :) Könnten Sie bitte helfen, mehr über dieses Design vorzuschlagen. – Nishank

+0

nicht sicher, warum Sie dies ablehnen ... es entfernt das Leerzeichen, wie Sie gefragt haben. Wenn Sie die anderen Elemente benötigen, um diesen zusätzlichen Leerraum zu füllen, dann kann das auch mit CSS gelöst werden – Liquidchrome

Verwandte Themen