twitter-bootstrap-4

    3熱度

    3回答

    我有一個使用Bootstrap 4測試版的網頁。在這個頁面中,我有一個內聯列表。我希望每個列表項目的內容都是垂直居中的,以便項目排列起來。如Bootply所示,它們目前處於偏離中心的位置。我正在使用下面的代碼: <ul class="list-inline text-center align-items-center"> <li class="list-inline-item"><h2>

    0熱度

    1回答

    使用下載的Bootstrap 4 Alpha代碼導航欄加載已摺疊且格式不正確,但使用Bootstrap 4 Alpha CDN顯得很好。使用下載的代碼是這個項目所必需的。 導航欄外觀使用下載引導4阿爾法代碼:使用自舉4阿爾法CDN View image 導航欄的外觀(我想要的效果):View image 這是我的HTML,它不會改變: <nav class="navbar navbar-expan

    5熱度

    3回答

    這是問題所在。我從bootstrap端採用了默認的導航欄示例(https://v4-alpha.getbootstrap.com/components/navbar/)。他們在結果中顯示全尺寸的導航欄,當屏幕變小時可以摺疊。但是當我插入的代碼到我的項目,它顯示了這一點: https://ibb.co/fjBNhQ 正如你可以看到它總是崩潰。我嘗試了很多其他的例子,但沒有任何工作。下面是代碼: <!

    0熱度

    1回答

    我正在使用引導程序4測試版編寫一個Angular 4應用程序,並且當用戶單擊圖像時我想停止傳送帶,因爲會出現一個模式。一旦模式關閉,它就可以恢復傳送帶。但我發現的是,當我加載轉盤時,如果我更改了任何屬性,則無關緊要,它不會綁定到新設置。我的HTML是: <div #carousel id="carouselControls" class="carousel slide" data-ride="ca

    1熱度

    1回答

    我所做的是從網上下載的引導4目錄:Bootstrap 4 docs 之後,我實現了它在我的項目,我有一個styles.scss看起來像這樣: //fontawesome @import "components/font-awesome"; // Core variables and mixins @import "../components/bootstrap/scss/variables

    1熱度

    2回答

    我在Bootstrap 4.0 Beta項目中使用split button dropdown。我遇到了一個問題,我無法弄清楚如何縮小分割的btn-group組件之間的差距。 我試圖讓btn-group的左側部分以鄰接與右邊部分的 我試着利潤率,填充等碴的各種迭代,但我無法讓它們與零空間連續。下面是我用撥弄了CSS的一部分: .btn-group > .dropdown-toggle {

    1熱度

    2回答

    挑戰:創建一個導航欄,左側帶有品牌徽標,導航欄摺疊菜單和其他一些號召性用語/鏈接位於對,並把它們全部垂直放置。 似乎直線前進,直到你想移動到這個樣子: 我們怎樣纔能有良好的響應CSS實現這一點(沒有切緣陰性/絕對定位技術)並沒有JS? 我只有拿出打印的電話號碼兩次在頁面上的選項,隱藏/顯示各種屏幕尺寸: <header> <div class="content-above-navbar

    0熱度

    1回答

    我閱讀了文檔,並且在某些組件上有一個用於啓用漸變的標誌:所以,也許我只是愚蠢,但我看不到這個標誌($ enable-gradients: true;)應該做任何事情,我只能在Bootstraps SASS文件(.scss)中找到它的唯一參考。 那麼,如何在Bootstrap 4中獲得一些漂亮的漸變而不必更改.btn-info之類的所有類?這個標誌的出現似乎表明,有一個優雅的解決方案 - 如果是這樣

    2熱度

    1回答

    我遇到了特定部分的問題。期望的目標是,它看起來像this。 而我得到this。 .timeline { text-align: center; } #about-us { ul { &:before { position: absolute; top: 0; bottom: 0; left: 50%;

    1熱度

    1回答

    好的,我不得不承認,這是我一直努力的工作,即使在BS3中也能正常工作。但我希望在保持持久性的摺疊容器外部有導航條鏈接。 這就是我現在所擁有的: <nav class="navbar fixed-top navbar-expand-lg navbar-template"> <a class="navbar-brand" href="#">Navbar</a> <button cl