Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Mile Mijatoviฤ‡
    @mijatovicmile
    I am trying to do, but I have an issues
    because subdirectories does not compile
    Deโ€™andre Brown
    @Bdeandre20_twitter
    Hi
    Matthew
    @ChaplainsBud
    Jan 21 last one
    hmm
    Joshua B. aka Bashlor
    @jbf_se_twitter
    hi
    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
    image.png
    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?
    image.png
    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/