twbs/bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Mile Mijatović

@mijatovicmile

I am trying to do, but I have an issues

because subdirectories does not compile

De’andre Brown

@Bdeandre20_twitter

Matthew

@ChaplainsBud

Jan 21 last one

hmm

Joshua B. aka Bashlor

@jbf_se_twitter

Matthew

@ChaplainsBud

Hi, I'm making cards in Bootstrap 5, but the different image sizes are making different sized cards.

How do I make one card size that each img adjusts to?

And keep it responsive?

Chris

@GangsterGeek89

Could wrap the image in a div which has a max width set say 400px then set the image width to 100% and also use the image responsive class provided by bootstrap this should do the trick I think lol

Matthew

@ChaplainsBud

@GangsterGeek89 thanks. I'm trying to resize them on cloudinary, but may use your technique as well.

Is that because there is no default width in Bootstrap cards, so I need to set it?

Chris

@GangsterGeek89

@ChaplainsBud not sure this is what you are looking for but done a quick example in codepen for you https://codepen.io/gangstergeek89/pen/QWGbRbe

Tofayel Amin

@freelancertofayel

Hi, i'm new in Bootstrap. please advice me what version i should know, Bootstrap4 or Bootstrap5 ?

Chris

@GangsterGeek89

@freelancertofayel personally I would learn bootstrap 5 ready for its release.

jace-holland

@jace-holland

I would advice u to go for boostrap 4 since its more stable

PeachyPeach

@jairadichoso

Is it possible to have single index.html out of angular app with all sources (JS/CSS) inline?

Alex

@muffyns_gitlab

I'm having a problem where my popovers are not updating with the correct value on hover. It retains the value of the first popover that was hovered over...

Could anyone help me?

r.k

@Coder-rks

@muffyns_gitlab How you are implementing the popover. Could you let us know more about it?

@jairadichoso Yes, It's possible to have single index page out of angular app. What is your use case? Could you let me know more about it?

Faizan Haider

@syedfaizanhaider93_gitlab

Hello, Kindly someone please send me the beginners pdf file of HTML, CSS, JAVASCRIPT. I am new in the lobby learning new skill.

DerEineGamer

@DerEineGamer

I do know you wanted that, but I give you the honour of choosing a website where you want to improve something and you download and first try whether you can open the index.html if everything works except login, etc. Pull the folder in atom (code editor from github) and try to survive how everything works there and try to change and improve it (with atom, that)

Chris

@GangsterGeek89

@syedfaizanhaider93_gitlab Not a PDF but a great resource https://www.w3schools.com/html/

Faizan Haider

@syedfaizanhaider93_gitlab

Thankyou so much Chris and DerEineGamer. Bless you guys.

majellin24

@majellin24

hi, I'm wondering if there is a way to use the padding utilities, but only below the lg breakpoint? In other words, I want to set the padding using the utilities on screens below lg, but on lg screens I want to let a different class handle spacing so i dont want to set it at all

Chris

@GangsterGeek89

@majellin24 See here Spacing

// something like this should do it
<h1 class="pb-1 pb-0-lg"></h1>

majellin24

@majellin24

hi @GangsterGeek89 thanks for the reply. I understand about using breakpoints in that way, however, what I am hoping to accomplish is to use pb-1 but then when I hit the lg breakpoint, I dont want to use a "pb-" class to set the padding, at that point, I'd like to just remove the padding set by pb-1 and let another class on the same element set the padding.

<div class="pb-1 navbar"></div>

in this example, I'd on small screens i'd want the padding from pb-1 but on large screens, I'd like to use the padding provided by the "navbar" class

Chris

@GangsterGeek89

Hi @majellin24

@media (min-width: 992px) {
    .navbar{
       /*  Set the padding you want at the lg breakpoint */
        padding-bottom: 30px !important;
    }
}

I would add something like this in your css

bener07

@bener07

Hi I need some help, could anyone explain to me this code I'm not getting it

nav > ul > li:hover ul {
  visibility: visible;
  transition-delay: 0s;
}

bener07

@bener07

please🙏🙏🙏

Chris

@GangsterGeek89

Hi @bener07 not sure where you have had this code from so cant exactly tell you what its doing to your html but here is a basic answer

nav > ul > li:hover ul {
  visibility: visible;
  transition-delay: 0s;
}

So this style would be applied to html with this structure

<nav>
    <ul>
       <!-- The li element that has hover -->
        <li>
           <!-- The ul element shown on li element hover -->
            <ul>
                <li></li>
            </ul>
        </li>
    </ul>
</nav>

so basically its looking for a html nav element then looking for a ul element inside it and then in side the ul its looking for an li element that has hover and contains another ul and if this element ul is hidden it shown

quick code pen Example ive done here for you

bener07

@bener07

thanks man I'm very grateful, and you did exactly the code I wanted is exactly that menu or box that I want to make thanks 🙏🙏🙏

Chris

@GangsterGeek89

@bener07 not a problem glad I could help :)

bener07

@bener07

hi again I despair with an issue I did that (nav>ul>li:hover ul {}) but I want to make another one but I want to put it on the right side of the other one```

Chris

@GangsterGeek89

@bener07 the right as in where the twitter timeline was?

bener07

@bener07

sorry i didn't undestand i will send a photo

the menu is ok but I want the "contactos" to be on the right of the menu tag

Chris

@GangsterGeek89

Sorry not entirely sure what you mean?

bener07

@bener07

and with this?

Chris

@GangsterGeek89

so you want the sub menu to come out at the side of the main menu?

bener07

@bener07

ya i think😅😅

I tried the top and right and all of that properties but didn't work

if you want i can send an ngrok link to your private msgs to see and help me

Chris

@GangsterGeek89

Yeah go ahead I will take a look shortly

bener07

@bener07

ok thanks

swarna priya

@swarnapriya_gitlab

Thanks for sharing...it helps me alothttps://typhoon-tv.com/typhoon-tv-apk-download/

Where communities thrive

People

Repo info

Activity