Ich habe ein modale und in den Modalverben Körper erstellt Ich mag eine Dropdown-Button hinzuzufügen.BootStrap Drop-Down in der falschen Position
Aber aus irgendeinem Grunde der Tropfen ist unten in dem vollständigen falschen Ort und ich habe versucht, über sie in der CSS zu schreiben, aber ohne Erfolg
Ich habe versucht, diese ersten
<div class="modal-content">
<div class="modal-header">
<span class="close">×</span>
<h2 align="left"><img src="/pic"width="50px" height="50px" />Share</h2>
</div>
<div class="modal-body">
<input type="textarea" align="left" id = "shareSearchBar" placeholder ="" name = "search">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<img src="pic2"width="20px" height="20px" />Edit
<span class="caret"></span>
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenu1">
<li><a href="#" data-value="action"><img src="/pic"width="20px" height="20px" />E</a></li>
<li><a href="#" data-value="another action"><img src="/pic"width="20px" height="20px" />V</a></li>
</ul>
</div>
Mit meinem css versuchen um den Knopf in die richtige Position zu bringen, was er tut.
#dropdownMenu1{
position: absolute;
top: 35%;
right: 3%
}
.dropdown{
position: absolute;
top: 35%;
right: 0%
}
Dann habe ich versucht, den follwoing, die sehr ähnlich ist, aber ein bisschen anders
<div class="modal-body">
<button type="button" id = "dropdownMenu1" class="btn btn-small btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<img src="/pic"width="20px" height="20px" />Edit
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#" data-value="action"><img src="/pic"width="20px" height="20px" />e</a></li>
<li><a href="#" data-value="another action"><img src="/pic"width="20px" height="20px" />v</a></li>
</ul>
</div>
</div>
Samt css ...
ich wirklich nicht sowieso darüber sehen.
Sie müssen Geige für diese so können wir replizieren –
Was genau meinst du mit dem Dropdown ist in der falschen Position. Sieht es wie das Bild aus, das du gepostet hast? Versuchen Sie, die Dropdown-Schaltfläche auf der Seite der Eingabe zu haben, und das Dropdown-Menü wird an der falschen Stelle angezeigt? Oder gibt es noch etwas, was du versuchst zu tun? Können Sie bitte ein wenig klären, damit wir Ihnen helfen können. Hier ist eine Geige, die ich gemacht habe, ist das was du suchst? https://jsfiddle.net/wamosjk/hcgd9u43/ –
@DrinkinPeople Ich versuche, genau das zu tun, was Sie dort getan haben. Ja, es sieht aus wie das Bild, das ich gepostet habe. Siehe Ich habe meine eigene benutzerdefinierte modale Ansicht erstellt, ohne den Bootstrap zu verwenden. Ich habe das Gefühl, dass was los ist, aber es soll nicht –