bootstrap-4

Href Jump with Bootstrap Sticky Navbar [duplicate]

由 送分小仙女□ 提交于 2019-12-23 01:15:09
问题 This question already has answers here : How do I add a data-offset to a Bootstrap 4 fixed-top responsive navbar? (2 answers) Fixed position navbar obscures anchors [duplicate] Bootstrap Navbar (along with topbar) anchor tag navigates content behind the navbar (1 answer) Closed last year . So I have a sticky navbar with a dropdown that allows me to jump to different sections of my page. However, when I jump to a different section, the navbar covers the start of the div I jump to. I checked

Create Bootstrap collapsible accordion table rows that display dynamic content from flask sqlalchemy placeholders

由 爷，独闯天下 提交于 2019-12-22 18:34:09
问题 Consider the following table which iterates data from an sqlite database using flask and sqlalchemy . Assume for this example that the data is a list of invoices and clicking on each row opens a collapsible bootstrap accordion whith further information for the clicked invoice. <table class="table table-hover" data-toggle="table"> <thead> <tr> <th>Date</th> <th>Invoice</th> </tr> </thead> <tbody> <tr data-toggle="collapse" data-target="#accordion" class="clickable"> {% for inv in invoices %}

Django: Bootstrap CDN or loading Bootstrap files from local server?

由 元气小坏坏 提交于 2019-12-22 18:10:06
问题 I am trying to make my first website. I am using Django for it. I have a question related to the inclusion of css/js from Bootstrap. What is the difference between installing it and linking it using BootstrapCDN ? What happens if that link is no longer accessible? Will it affect the website? Can't I just include those files in statics directory? I have this in base.hml file of my app: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <link

how to use Glyphicons in bootstrap 4 and angular2?

由 与世无争的帅哥 提交于 2019-12-22 14:13:14
问题 I am doing an app with angular-cli and bootstrap4, but when I do some references to Glyphicons, the icons don´t appear. For example, when I add the following code: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star </button> I did the bootstrap installation in my angular project with: $ npm install --save bootstrap@4.0.0-alpha.6 I should make any extra step to have the Glyphicons in bootstrap? Do I should install

how to use Glyphicons in bootstrap 4 and angular2?

由 ◇◆丶佛笑我妖孽 提交于 2019-12-22 14:13:06
问题 I am doing an app with angular-cli and bootstrap4, but when I do some references to Glyphicons, the icons don´t appear. For example, when I add the following code: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star </button> I did the bootstrap installation in my angular project with: $ npm install --save bootstrap@4.0.0-alpha.6 I should make any extra step to have the Glyphicons in bootstrap? Do I should install

Change color of SVG background-image (Bootstrap 4 carousel)

由 家住魔仙堡 提交于 2019-12-22 12:07:56
问题 I have a BS 4 carousel with next/prev controls which works so far. I have a light background so I would like to change the color of the controls (currently white). HTML: <div id="carouselQuotes" class="carousel slide quotecaru" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselQuotes" data-slide-to="0" class="active"></li> <li data-target="#carouselQuotes" data-slide-to="1"></li> <li data-target="#carouselQuotes" data-slide-to="2"></li> </ol> <div class=

Bootstrap 4.0 invalid-feedback doesn't show

由 。_饼干妹妹 提交于 2019-12-22 10:46:13
问题 I am using the Bootstrap 4.0 (non-beta) validation and have a problem to display the invalid-feedback text. <div class="form-row"> <label class="form-control-label">Name:</label> <div class="col-4"> <input class="form-control is-invalid" min="0" type="number"/> </div> <div class="col-4"> <div class="invalid-feedback"> Invalid Feedback Text </div> </div> </div> In the above example the text "Invalid Feedback Text" is not displayed. The reason for it is that the invalid-feedback div is not a

bootstrap navbar displays vertically instead of horizontally

由 為{幸葍}努か 提交于 2019-12-22 10:21:28
问题 On my page navbar appears vertically instead of horizontally. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title> Home | Bootstrap </title> <link rel="stylesheet" href="css/bootstrap.min.css"> </head> <body> <nav class="navbar navbar-light bg-faded"> <a class="navbar-brand" href="#">My bootstrap application</a> <ul class="nav navbar-nav

How to refer to $container-max-widths in Bootstrap

由 断了今生、忘了曾经 提交于 2019-12-22 09:04:31
问题 I am currently working with Bootstrap 4 and I've made some changes to breakpoints - it looks like that: $container-max-widths: ( xs: 540px, sm: 700px, md: 960px, lg: 1140px, xl: 1300px, g: 1560px, xg: 1920px ) !default; Here's my question: how can I refer to $container-max-widths -> g to get 1560px out of it? I'd like to do something like this, but it's not working: max-width: $grid-breakpoints('g'); Any ideas if that's possible? 回答1: You can create a function to retrieve the breakpoint

Bootstrap Change Navbar Link Colors [duplicate]

由 寵の児 提交于 2019-12-22 08:34:52
问题 This question already has answers here : Bootstrap 4 navbar color (6 answers) Closed last year . I know this topic has been beaten to death, but what I have read isn't working. I'm simply trying to change the links in my bootstrap navbar to the color white. I know I have the CSS on it because I can change the font-size, but not the color. nav .navbar-nav li{ color: white !important; font-size: 25px; } <nav class="navbar navbar-expand-lg navbar-light fixed-top sticky-top"> <%= link_to root
订阅 bootstrap-4