twitter-bootstrap-4

0熱度

1回答

根據引導4個網站，與形成一個導航欄應該工作： https://v4-alpha.getbootstrap.com/components/navbar/#forms 我用的是class="form-inline"並在相同的HTML水平ul-tag與3 hypermenu鏈接。看到這個codepen： http://codepen.io/anon/pen/eWOKXL?editors=1010 HT

4熱度

1回答

Bootstrap 4 Grid System中的`col`沒有填充是否正常？

我第一次使用Bootstrap v。4。我有一個footer正在使用新的flexcol的和它在桌面上效果很好。但是當我切換到移動設備時，它們彼此緊密堆疊，沒有垂直邊距/填充。這是正常的行爲？此外，我寧願內容居中或至少有一些偏移量。但是使用偏移量會導致頂部填充而不是左側或右側偏移量。是那正常行爲？如果是這樣，那麼推薦的「官方」方法是隻在移動設備上添加頂部邊距/填充並抵消？謝謝！無偏移：

0熱度

1回答

在移動設備上疊加列而不是在桌面上的官方方法是什麼？

我第一次使用Bootstrap v.4，並且我有一個頁腳，在桌面上有三行，在左欄中有一個圖標，右側是文本。但是在移動設備上，我希望圖標出現在文本的頂部。我知道我可以添加一個div與row類來實現這一目標，但那樣會影響桌面。我試着研究一個解決方案，但是正確的/官方的解決方案不存在或者我沒有使用正確的搜索條件。任何人都可以幫忙嗎？謝謝！ <div class="col" id="kpc-phon

1熱度

2回答

Float右兩個跨度元素Bootstrap

我一直試圖讓兩個跨度元素，一個Bootstrap 4類'關閉'，另一個類'徽章'，漂浮正確。問題是如果我在徽章上添加浮動權，他們總是彼此緊挨着。或者，如果我使用clear：right，徽章就會落到div的末尾。這需要我的提綱：這裏的HTML我到目前爲止： <div class="card"> <div class="card-header"> <span class="cl

0熱度

1回答

清爽音頻，視頻，GIF＆I幀的onclick引導藥丸和標籤

<head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhN

8熱度

4回答

Bootstrap 4導航欄顏色

在Bootstrap 4中，我該如何改變導航欄的背景顏色？來自twbscolor的代碼不起作用。我想讓背景顏色爲不同的顏色，字體顏色爲白色。 <nav class="navbar navbar-toggleable-md navbar-light bg-danger"> <button class="navbar-toggler navbar-toggler-right" type="

0熱度

2回答

導航欄下拉需要引導程序和引導程序鏈接需要在生產中工作

我使用安裝的（alpha-v6）在rails 5應用程序中。我的導航欄中有一個下拉菜單，其執行方式與documentation中的示例完全相同。但它目前只工作無論是在生產或開發，取決於我要求我的application.js：工程開發： //= require jquery //= require tether //= require bootstrap-sprockets //= req

6熱度

1回答

爲什麼使用Bootstrap的.w-100類將行的列拆分成兩行，當你只能做兩行？

在這個頁面上的引導文件在https://v4-alpha.getbootstrap.com/layout/grid/#equal-width-multi-row他們舉這個例子： <div class="row"> <div class="col">col</div> <div class="col">col</div> <div class="w-100"></div

0熱度

1回答

Bootstrap 4更改摺疊圖標

我使用bootstrap 4 alpha 6版本。在我的頁面中，我有幾個崩潰塊。我想在用戶打開/關閉該塊時更改圖標。由於我有幾個這樣的模塊，我使用了類，但它沒有奏效。我做了什麼錯誤？附：當我在JS中使用id工作正常，但正如你看到我有幾個崩潰塊，並不想「複製&粘貼」。 HTML： <div class="card"> <div class="card-header"> <div

1熱度

1回答

引導4無法拉山口

我使用的引導V4.0.0-alpha.6 我都顯示在一個三組連勝的列在右邊，我需要的最後一列交換的第一列，而在MD但而不是在sm/xs。我想它來查看這樣在桌面模式下： [C][B][A] 像這樣在移動視圖： [A] [B] [C] 我嘗試這樣做： <div class="row pt-2"> <div class="col-12 col-md-4 float-md-righ