Skip to content
#

Bootstrap

bootstrap logo

Bootstrap is a popular front-end framework that streamlines website design. It allows for the creation of easy and responsive web layouts.

Here are 18,482 public repositories matching this topic...

bootstrap
birdspider
birdspider commented Oct 31, 2019

I had a nice issue description before github/related issues-beta ate it, here's the gist:

https://getbootstrap.com/docs/4.3/utilities/flex/#justify-content

The flex justify documentation examples only display equal-width items (<div>Flex Item</div>).
It might be wise to add one or two examples with non-equal-width divs and more than 3 cols.

Specifically to illustrate that the middl

ChristopherHButler
ChristopherHButler commented Oct 1, 2019

I was looking to use this package in a create-react-app and wanted to overwrite the theme. I can get it to work from the cdn just fine but then I am stuck with the default theme. I was wondering if there was any documentation on the steps required to get this working with a react project. I have installed the package with npm and created a custom.scss file as suggested in the installation docs, im

William-H-M
William-H-M commented Aug 31, 2017

Hi, @AndreiCN, @cristianraiber, First that all thanks for such amazing theme!

But as been said before on #406 sometime developing can be a nightmare, and I think we should have a more clear development/contribution guideline.

Currently all PR's are against the master branch and the development branch are way much behind on commits.

Like with many other libraries, like the one listed for t

goldylucks
goldylucks commented Mar 28, 2017

Type of issue: (feature suggestion, bug?)

Docs

Chapter:

All

I'm now cloning step 4 to build a small app. Would be beneficial to have a README file with instructions how to clone that specific part (and all the others)

I can prepare a PR :)

raghavi92
raghavi92 commented Dec 12, 2019

Describe the bug

I would like to set the size for Form.Control and its corresponding Form.Label components.
While its working as expected for Form.Control prop, Form.Label component does not have a similar size prop.

Reproducible Example

Minimal example by using CodeSandbox.

Expected behavior

The size of the label should be

bootstrap-vue
mshoestrng
mshoestrng commented Aug 2, 2019

Some suggestions to improve the documentation of bootstrapTable:

  • column option "sorter": please include expected return values for custom sorter function (it was only through guessing that I found out it's actually -1, 0, 1)
  • table options/column options/events/methods: please sort the options/methods in alphabetical order - also in the index in the right column (it's very tedious to scan f
jorvis
jorvis commented Dec 12, 2018

I'm making a data-heavy display with compact form controls and bootstrap-select seems to fit all my needs except it doesn't seem to have support for sizing.

In bootstrap3 my elements were all input-xs. Now with bootstrap4 that's been removed, so they're form-control-sm.

Are there options to make bootstrap-select elements at least as small as form-control-sm? They look totally out of plac

reactstrap
dsolovieva
dsolovieva commented Oct 21, 2019
  • components: modal
  • reactstrap version #6.4.0
  • import method es
  • react version #16.4.0
  • bootstrap version #4.1.1

What is happening?

If you open the modal, focus any browser element (e.g. address bar), and start to press the tab key to move the focus forward body elements get the focus as usual.

What should be happening?

As described in https://www.w3.org/TR/w

leightonsmith
leightonsmith commented Oct 22, 2019

Expected behavior

responsive styles for headings (e.g. h3-responsive) are available

Actual behavior

they're missing

Your working environment and MDB version information

using npm package version 4.8.11

Resources (screenshots, code snippets etc.)

I'm not too familiar with sass, but it looks like the problem is the !default added to the end of this line https://github.

divan
divan commented Nov 2, 2019

Currently SBAdmin2 page shows sidebar by default when opened on the mobile device. It takes a good share of scarce screen width, and for my use case I would love to hide it on mobile. Is there an easy way to achieve it?

As I understand the solution is to add toggled class to sidebar only when opened on the small screen size.

peterblazejewicz
peterblazejewicz commented Jul 25, 2019

I believe that the image here:
https://github.com/ng-bootstrap/ng-bootstrap/blob/a6d73d6143e414bd82a3adcfca45cab601c93ba2/demo/src/style/demos.css#L5

should comes with color versions for interactive states, so docs can be inlined with Bootstrap default outline button color palette (which implies white text/current color).

That's minor issue though.

Thanks!

mdentremont
mdentremont commented Aug 30, 2019

Newer versions fail for me - does the README need "@angular/animations" to be added as a required dependency (or better yet, via the package.json so we don't need to explicitly install it)?

ERROR in ./node_modules/ngx-bootstrap/collapse/fesm5/ngx-bootstrap-collapse.js
Module not found: Error: Can't resolve '@angular/animations' in '<redacted>/node_modules/ngx-bootstrap/collapse/fesm5'
``
markpmitchell
markpmitchell commented May 22, 2015

When using the navbar helper, menu_item marks an item with the CSS "active" class if the menu item is either "active" (the current page) or "chosen" (the URI for the link is the first part of the current page). This seems wrong for several reasons:

  1. If there are menu items for "/posts" and "/posts/new", and the current page is "/posts/new", the "/posts" item should not be active.
  2. If there are
choldgraf
choldgraf commented Apr 8, 2019

Hello 👋 this isn't a question about octobox tech itself, but on the process of donating.

tl;dr - does anybody know if there's a way to pay for a year's worth of octobox instead of month-by-month?

I saw that it's possible to support octobox "the company", which I'd like to do via a grant that we've got (I work at an educational institution so money flows through grants). However, I couldn

linkerlin
linkerlin commented Sep 28, 2018

例如:
Hibernate: select collect0_.id as col_0_0_, collect0_.title as col_1_0_, collect0_.type as col_2_0_, collect0_.url as col_3_0_, collect0_.logo_url as col_4_0_, collect0_.user_id as col_5_0_, collect0_.remark as col_6_0_, collect0_.description as col_7_0_, collect0_.last_modify_time as col_8_0_, collect0_.create_time as col_9_0_, user1_.user_name as col_10_0_, user1_.profile_picture as col_11_

cweitat
cweitat commented Dec 19, 2019

To add how to trigger snackbar with JS.
Adapted from docs.min.js. Code as such

//close snackbar on click
$(".snackbar-btn").on("click", function () {
            $(this).parent(".snackbar").removeClass("show")
        });

//show snackbar on click and auto hide at either after 6000ms or button is click again to show new snackbar
        $(".snackbar-toggler").on("click", function

Created by Mark Otto, Jacob Thornton

Released August 19, 2011

Organization
twbs
Website
getbootstrap.com
Wikipedia
Wikipedia

Related Topics

react css css-preprocessors
You can’t perform that action at this time.