Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Vini Brasil
    @vnbrs

    Hey! I've started a curated list of blogs, websites, and all kinds of reads about software development. If you could take a look, or even, contribute by adding blogs about front-end and/or Bootstrap , it'd be nice!

    https://github.com/vnbrs/digest

    WebGearMT
    @WebGearMT

    I'm having problems with sizing my bootstrap image here. Here's the html (index.ejs):

    <title>Title</title>
      </head>
      <body>
        <% include /home/user/nodejs/q-a-to-christianity/admin/views/partials/nav.ejs %>
        <div class="jumbotron jumbotron-fluid text-center mdb-color darken-4 white-text">
          <div class="container-fluid">
            <img class="img-fluid" src="images/banner.png" width="1000" height="20px">
            <p>Enlighting the world for Christ</p>

    The problem I'm facing is that the height doesn't change at all, no matter how small or big I make it. The strange thing is, it changes in the DOM, yet it's different in the box model:

    Screenshot from 2019-09-24 12-15-21.png
    WebGearMT
    @WebGearMT

    I finally resolved to removing the dimensions from the html and trying to size it in the sass, some my attempts were:

    center > .img-fluid {
      background-image: image("admin/public/images/banner.png");
      width: auto;
      height: 20%;
    
    }
    #banner {
      background-image: image("admin/public/images/banner.png");
      width: auto;
      height: 20%;
    
    }

    Whenever I do something like this, the size goes away and the image is to back to its original size again. here's the pen with the complete code (sorry, couldn't add the necessary files for bootstrap because I'm not allowed more than 7 files):
    https://codepen.io/CodeEngine1/project/editor/DygQGb/

    Does anyone know how to fix this?
    Baillie O'Grady
    @baillieogrady
    Hello everyone!
    Baillie O'Grady
    @baillieogrady
    @WebGearMT Hello, you could maybe try setting a width of 100% so it spans the full width of its container. Also, with setting a percentage value height it'll be 20% of it's parent, so if the parent has no height it'll remain flat. Maybe try using a vh value instead like 20vh?
    sac
    @c236_gitlab
    hello
    andesappal
    @andesappal
    Hi, does anyone know why this HTML and CSS code does not form a table in AngularDart? Is there any other way to view a table of mdc cards?
    mindruion
    @mindruion
    hello everyone
    How can I set height of a div for full screen ?
    Eric
    @sliceofbytes
    @mindruion height:100%, or height:100vh
    mindruion
    @mindruion
    Yes
    I use this
    image.png
    but it is not full
    and I check every parent is 100%
    I have something like this
    image.png
    in my project
    and navbar--height is with 12%
    and full--height
    is 88
    is correct to set height like this?
    Eric
    @sliceofbytes
    That is one way to split the container
    It's html and css so there are many ways to skin the cat.
    mindruion
    @mindruion
    but I have a question about it
    will be 88% after those 12%
    ?
    Eric
    @sliceofbytes
    Ya, splitting a container by percentage is perfectly acceptable depending on the css properties
    mindruion
    @mindruion
    thanks Eric
    mindruion
    @mindruion
    ya, understood you, thanks :))
    Zoltán Skultéty
    @skuzol
    Hey guys, Im doing my homework(static html,css) and on the site is a small problem, when I go with my mouse into the square there should appear some info about the person, but it appears also when im under the square site: http://147.175.121.202/~xskultetyz/z4d4n13-2/
    Im really new in this and i would aprieciate some help
    mindruion
    @mindruion
    how you show infos?
    andesappal
    @andesappal
    @skuzol your person info probably isn't binded to the square, but to the entire person
    Zoltán Skultéty
    @skuzol
    nope, the info has his height, and its height is added under the square, so its basically a rectangle
    the square is a div, and the info is also a div but with hidden visibility
    Eric
    @sliceofbytes
    the info is actually extending the "flag" div lower then you expect
    if you change it's position to absolute, it won't take up space inside the "flag" container
    .showname {
      position:absolute;
    }
    Zoltán Skultéty
    @skuzol
    wow
    @sliceofbytes thanks a lot
    Eric
    @sliceofbytes
    no problem
    gdvfcgr
    @gdvfcgr
    hggfccccc
    taintunde
    @taintunde
    ?\
    <? s
    Malvin1PointOh
    @Malvin1PointOh_twitter
    Anyone know why, when using Bootstrap 4 dropdown-menu with dropdown-item class, no scrollbar appears on iOS Safari and Chrome? Have a long dropdown menu, which I'm using with pre-scrollable class to constrain the height/length of the dropdown menu.
    shafayshahid123
    @shafayshahid123

    Actually i'm using two input in form-group but when i'm going to use help-block it's working if any of two option is filled or select but i want it two working with particular input.

    <div class="form-group">
    <div class="input-group">
    <span class="input-group-addon">
    <select class="form-control select2" name="calling_code" id="calling_code" required="">
    <option>.....</option>
    </select>
    </span>
    <input name="mobile_number" class="form-control input-lg flat" placeholder="{{ trans('theme.placeholder.mobile_number') }}" type="text" required/>
    </div>
    <div class="help-block with-errors"></div>
    </div>
    screenshot see this screenshot where mobile number filled is null but help-block error not working because there is another option which is selected. i need help-block error when mobile number is null...