bootstrap-4

问题 I'm trying to create a site with a fixed navbar and collapsible fixed sidebar, I came across one that is pretty great and does almost everything I want: https://www.codeply.com/go/XJE8LOdX8k The one problem is the fixed sidebar content, if there are too many items they will be cutoff, the solution would be to use a scrollbar but I can't seem to achieve the desired result because the fixed sidebar is being pushed down to appear below the navbar so the scrollbar does not appear completely, any

问题 This question already has answers here : How to use CSS to surround a number with a circle? (19 answers) Closed last month . I am trying to add a button for numbers a round button. I am able to do it but the text(number is not centered). Ideally if i have 1 to 15 circular 15 buttons from 1 to 15 Code below body { padding: 1em; } <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css" > <button type="button" class="btn btn-info btn

问题 I'm trying to align an image in my bootstrap column to the right and have the text wrap around it on the left like this: https://codepen.io/freeCodeCamp/full/YqLyXB I've been researching flexbox and vertical align all day instead of doing my job (woops) and feel like it's time to just ask the experts. Here's what mine looks like: https://codepen.io/Seaplush/pen/rKVLmX .col2 img{ max-width: 100%; height: 50%; float: right; } .col2{ background-color: #cccccc; height: 50vh; display: flex; flex

问题 I include a dropdown button to React from bootstrap Dropdowns, But it is not working and shows as a normal button. Can you give me a solution for this? <div className="dropdown"> <button className="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <div className="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a className="dropdown-item" href="#">Action</a> <a className=

问题 So, I've been trying for the last days to get Shuffle.js to work with my cards in Bootstrap 4 , in order to have a nice shuffling effect when searching/filtering those cards. Here follows the structure of my HTML and my JS. You can also find here the JSFiddle.net link. class Card { constructor(ref) { this.hmi_ref = ref; // Bootstap : container type this.BS = {} this.BS.container = document.createElement('div'); this.BS.card = document.createElement('div'); this.BS.image = document

问题 So, I've been trying for the last days to get Shuffle.js to work with my cards in Bootstrap 4 , in order to have a nice shuffling effect when searching/filtering those cards. Here follows the structure of my HTML and my JS. You can also find here the JSFiddle.net link. class Card { constructor(ref) { this.hmi_ref = ref; // Bootstap : container type this.BS = {} this.BS.container = document.createElement('div'); this.BS.card = document.createElement('div'); this.BS.image = document

问题 I have the following nav bar code and as you can see I have tried to add an image as a logo instead of text. The below doesn't work. <li class="nav-item"> <a class="nav-link active" aria-current="page" img src="https://www.pngfind.com/pngs/m/572-5720766_eye-logos-png-image-with-transparent-background-eyelid.png">Home</a> </li> Also tried: <a class="nav-link active" aria-current="page" >img src="https://www.pngfind.com/pngs/m/572-5720766_eye-logos-png-image-with-transparent-background-eyelid

问题 I'm trying to display data into the modal body with django variables. I'm very noob at ajax and django. The ajax function passes the id of the Galeria object and then the view returns a JsonResponse with the data. Why the modal is not taking the data? If I console.log it prints the data as well, but when I try to pass the data via django variables, the modal shows empty. What am I doing wrong? My views.py def get_galeria(request): galeria = Galeria.objects.get(id=int(request.GET['ajax_galeria

问题 I'm trying to display data into the modal body with django variables. I'm very noob at ajax and django. The ajax function passes the id of the Galeria object and then the view returns a JsonResponse with the data. Why the modal is not taking the data? If I console.log it prints the data as well, but when I try to pass the data via django variables, the modal shows empty. What am I doing wrong? My views.py def get_galeria(request): galeria = Galeria.objects.get(id=int(request.GET['ajax_galeria

问题 I'm trying to display data into the modal body with django variables. I'm very noob at ajax and django. The ajax function passes the id of the Galeria object and then the view returns a JsonResponse with the data. Why the modal is not taking the data? If I console.log it prints the data as well, but when I try to pass the data via django variables, the modal shows empty. What am I doing wrong? My views.py def get_galeria(request): galeria = Galeria.objects.get(id=int(request.GET['ajax_galeria