bootstrap-4

0熱度

2回答

我試圖重新安排我的導航欄倒塌我引導4使它看起來像現在這樣的權利：有沒有辦法來對齊在一行的社交媒體按鈕，將'關於'進一步降低並擺脫'項目'和'聯繫'前的空間？這是到目前爲止我的代碼： <nav class="navbar navbar-fixed-top navbar-light bg-faded"> <button class="navbar-toggler hidden-sm-up" ty

0熱度

2回答

如何在bootstrap4中將純文本置於導航欄中

bootstrap3中有這.navbar-text使用，所以我可以將一些純文本放入導航欄中。類似於「以xxx登錄」。但是在bootstrap4中，我找不到將純文本放入.navbar的類。只有.navlink。這個document似乎沒有足夠的信息。

0熱度

1回答

無法理解各種屏幕尺寸的Bootstrap網格的組合

我在codeply.com上發現了一個代碼片段，並修改了一下以瞭解col-xl，col-lg，col-sm和col-x的組合。這是代碼片段。 http://www.codeply.com/go/bipCPFM4mU 我來引導一個新手。所以，請讓我知道如果代碼段已經以錯誤的方式實現，並且其輸出可能是不可預測的。這就是我的問題：對於最後3個div（div爲1.1 .. 4.1，div爲1.2 ..

5熱度

3回答

Bootstrap 4 - 隱藏課程 - 只隱藏在小屏幕上

如何隱藏span僅在小屏幕上顯示內容？我需要在xs屏幕上顯示此內容。 <span class="hidden-sm-down">Text</span> 有一種方法可以僅使用引導程序類來執行此操作嗎？

2熱度

2回答

將Bootbar中的導航欄內容居中放置4（alpha 5）

我想將導航欄內容置於Bootstrap 4，alpha 5中。我一直在Google上搜索，我猜可能有一些涉及d-block和mx-auto的技巧。但是我找不到如何將導航鏈接居中，以便它們總是位於中心，而不僅僅是在它們周圍添加容器。我正在玩的示例navbar代碼:. <nav class="navbar navbar-light bg-faded"> <ul class="nav na

1熱度

2回答

Bootstrap 4行不與中間對齊

我試圖讓內容在<div class="col-md-2 col-lg-2">中間對齊到中間，但無濟於事。我知道將列設置爲2的大小不會填充12列網格系統的空間，但我希望它與中間對齊，無論如何。 <div class="row"> <div class="col-lg-12"> <h1 class="content-header">Header</h1> <div

8熱度

1回答

Bootstrap 4 - 如何在導航欄中設置100％的搜索輸入寬度？

如何在導航欄中設置100％的搜索輸入寬度？領域是有限的，寬度： <nav class="navbar navbar-light navbar-dark bg-inverse"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav navbar-nav"> <li class="nav-item act

3熱度

1回答

引導4 - 在使用移動設備

努力學習網站佈局創建導航菜單問題上的最新bootstrap 4 alpha 4（與jQuery 3 conjustion），並在這個問題上我也想涵蓋1個問題，我所遇到的那麼遠。當我點擊導航欄「摺疊模式」中的「菜單」按鈕 - 下拉列表在中心落下，然後移到左側。這看起來很糟糕。問題解釋說：爲什麼會出現這種情況？我如何強制列表，從右側，而不是總是下拉（和動畫後留在那裏）？這裏是小提琴：http:/

1熱度

2回答

不同的CSS索引操作在rails 5 bootstrap 4（單控制器）

我爲我的應用程序使用特定的引導程序4模板。該模板（cover.css）專用於主頁，因爲所有其他頁面將使用不同的樣式。我如何才能使用cover.css進行索引操作？在我的application.css中我添加了@import "cover"我可以讓這隻適用於索引操作嗎？我試着創建兩個佈局：application.html.erb用於應用程序，第二個佈局home.html.erb僅用於主頁。我如

4熱度

1回答

更改輸入（複選框）（引導4）藍色outglow

我知道這個問題被問了很多次，我可以保證你我嘗試了大部分的解決方案！我的代碼如下： <div class="btn-group" id="btn-container" data-toggle="buttons"> <label class="btn classic-design"> <input type="checkbox" checked autocomplete="off