重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
今天就跟大家聊聊有關bootstrap中如何設置按鈕位置,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
bootstrap中可以使用pull-right, pull-left、text-right, text-center, text-left來設置按鈕的位置。
例:
以下是一段簡單的示例,需要將其中每個li中的按鈕靠右對齊:
方法一:
在Bootstrap 3中,可以使用pull-right樣式類來將元素右對齊,如下:
適當調整一下每個li的高度,如下:
li{line-height:40px; height:40px;}
方法二:
在Bootstrap 3中,還可以使用text-right樣式類來右對齊按鈕,如下:
方法三:
在Bootstrap 4中,pull-right樣式類已經更名為float-right類名了,如下:
OneTwo
看完上述內容,你們對bootstrap中如何設置按鈕位置有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注創新互聯行業資訊頻道,感謝大家的支持。