So verhindern Sie, dass Bootstrap-Spalten am Zeilenende ausgerichtet werden-Fragen und Antworten zum chinesischen PHP-Netzwerk
So verhindern Sie, dass Bootstrap-Spalten am Zeilenende ausgerichtet werden
P粉253518620
P粉253518620 2023-09-10 21:38:19
0
1
483

测试

Hier scheint die Schaltfläche „delete_element“, die ich erstellen möchte, auf der unteren Ausrichtung zu bestehen, unabhängig davon, wie ich versuche, sie zu formatieren, ob ich Inline-CSS-Stile verwende oder die Align-Methode von Bootstrap aufrufe. Ich möchte, dass es mit dem inhaltsbearbeitbaren Element ausgerichtet ist – wie mache ich das? Gibt es einen Fehler bei der Verwendung von Schaltflächen in Col?

P粉253518620
P粉253518620

Antworte allen (1)
P粉850680329

你不理解Bootstrap的工作原理,这就是为什么你的按钮无论如何都与row(!)底部对齐。

注意:我修改了你的问题标题,因为它是错误的。

由于使用了col类,你的按钮将始终占据整个屏幕宽度(即12列),无论你添加了什么CSS。因此,问题不是按钮引起的,而是列类引起的。

如果你想让两个元素并排显示,那么:

  1. 两个列加在一起不应超过12列
  2. 不要使用col类(你可以使用col-1col-2col-3等类)。

在下面的示例中,你可以看到我使用了两次col-1类(1列 + 1列 = 2列,小于12列)。我建议你阅读Bootstrap 5关于网格系统的文档。

请查看下面的代码片段。

  
Test
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!