Posts by hugocsl • 65,517 points
1,996 posts
-
3
votes2
answers43
viewsA: Alignment of div to the center of another div
First if you want to line up in the center is good you take this float:left, then as you have a div internal daughter who you defined the width in px, Simply place the native Bootstrap class to…
-
1
votes1
answer1773
viewsA: Spacing between items in the navbar - Bootstrap
Just enjoy the class you already have in the items of nav and put a margin, very likely you will have to enjoy the breacking points bootstrap (sm md lg xl) to change the margin size as the screen…
-
3
votes1
answer55
viewsA: Div side by side is slightly lower
Guy like you put display:inline-block you can use properties inline in div, and the property that will fix that is the vertical-align: top; so the content will align on top of box-model Follow the…
-
0
votes2
answers90
viewsA: How to change div 3 inline images to only 2 inline images for tablet mode
Here is a solution, do not separate 3 images by Row (line), I left all images inside a container alone, and changes the width of the images in breacking points, type, when it is up to 870px the…
-
1
votes2
answers370
viewsA: Alignment of same input Row using form validation
In form div { display: flex; justify-content: space-between; Exchange for form div { display: flex; justify-content: flex-start; The flex-start will align the internal elements at the top of the…
-
2
votes2
answers164
viewsA: What is the difference between centering with "align-items: center" or "margin"?
The difference is that the margin:auto aligns both vertically and horizontally at the same time, meaning it will center the element inside the axis X and Y simultaneously. Already justify-content:…
-
1
votes1
answer82
viewsA: In Bootstrap 4, is there any way that the collapsed menu can be displayed from the right of the screen and not from the top of the screen?
Face this exist in a documentation in the Bootstrap examples themselves. They call this type of menu offcanvas menu you can consult directly on the link…
-
0
votes1
answer61
viewsA: Dual tag selection in visual code
This is a "problem" that came with the last update 1.41 and they call it mirror tag cursor as you can see here https://code.visualstudio.com/updates/v1_41#_html-mirror-cursor To disable this you…
visual-studio-codeanswered hugocsl 65,517 -
2
votes1
answer608
viewsA: What is the difference between Mdbootstrap and Bootstrap?
Felipe first keep in mind that the MDB is paid, it is not 100% free, whereas the original Bootstrap is free. In green I don’t know much about licensing, and I don’t even know if someone would be…
twitter-bootstrapanswered hugocsl 65,517 -
7
votes3
answers1081
viewsA: How to put a <p> on the same line as <hr>
I’ll leave an example that will work for all cases, with any sentence size (as many words as you want), or with any font-size, or even in a <h1> or <p> Notice I put the p and the hr…
-
-1
votes1
answer47
viewsA: Center column on page
You have to wear auto margin in the container that is with the form in type <div class="bg-branco col-md-5 rounded m-auto"> where m-auto is the native Bootstrap class to place margin:auto in…
-
1
votes1
answer19
viewsA: jQuery + html ID
Face caught by classe, since you are already using a class in the image you select for it and not for the tag img that picks up all the tags imgs Notice that now the dial is picking by the class…
-
10
votes2
answers917
viewsA: How to make an all-white PNG image with CSS only?
Create a class called .branca to use whenever you want the empty avatar. Use the properties of filter of the CSS, brightness(100) and ready, this will increase the brightness of the image and "pop"…
-
3
votes1
answer214
viewsA: How to document CSS?
There are ways to document the CSS, I see two ways to do this. The first would be to standardize the writing of the CSS within a team. Some companies already use this, including Google and Mozilla…
-
0
votes1
answer43
viewsA: Problems to align <Nav> bar to left
In his header you put justify-content: flex-end; but it really should be justify-content: flex-start;, using flex-star items were left aligned header { display: flex; justify-content: flex-start;…
-
0
votes2
answers50
views -
2
votes4
answers2454
viewsA: How to change the button color of the bootstrap navbar?
Face the colors are discrete in the official documentation, just u consult on the link https://getbootstrap.com/docs/4.0/components/buttons/#Outline-Buttons Code <link rel="stylesheet"…
-
2
votes2
answers186
viewsA: Place arrow keys to change over the carousel
Guy one option is to put position:relative in the container of slider and use position:absolute in btns to be able to align with top/left/right See the result var slideIndex = 1;…
-
1
votes1
answer93
viewsA: Change the display form of selected items in select
This type of component is built in HTML as a default select, but when it is rendered in DOM the JS turns it actually into a UL/LI and place in the elements classes, ids, and aria atributes. The…
-
1
votes1
answer377
viewsA: How to align text with the center of the div with Materialize?
Guy basically you’re using the class in the wrong div, and class valign-wrapper that’s it I mean it’s a container flex, with align-items: center. But only the direct children of this container will…
-
2
votes1
answer151
viewsA: Text already written in the blocked textarea
It’s not a super sophisticated answer, but it’s something that can help you quite simply, without JS or regex. I made a box, imitating it’s a textarea and the phrase actually stays outside the…
-
1
votes1
answer61
viewsA: Applying Semantics Html5
About the CSS First CSS does not semantics, CSS can help or disrupt Accessibility, are different things. For example you used font-size: 0, this is not recommended! It seems to me you are using…
-
4
votes1
answer312
viewsA: How to organize the use of the z-index attribute?
Dude I’m not going to give a super thorough answer, but I’m just going to directly address. You can have a stack of z-index for each sequence element pai>filho>neto. If Father has…
-
0
votes2
answers56
viewsA: Titles together with image using flexbox
Man you’re putting on margin-bottom in the image, and should actually put that margin on container in which the image is inside in the truth. To place the margin on container that the image is…
-
1
votes1
answer69
viewsA: Why is the draggable attribute with the false value not working?
As I told you it’s already working, I believe you’ve understood the draggable of HTML mistakenly, thinking he would function as the draggable of jQuery, only that. Look at this image as a simple…
-
3
votes3
answers74
viewsA: How to activate only the next div?
Guy use the method .next() jQuery along with select this, the this will only take the element you clicked, and the next() will select the next element with the class you set…
-
3
votes1
answer123
viewsA: Is there any way to extend the "Transform" property to avoid losses or repetitions?
There’s a way yes, it’s using the Matrix() or Matrix3d()! The difference is that in matrix3d() you enable the plan Z, can make perspective effects and complicating a little the matrix with more…
-
2
votes1
answer35
viewsA: Pick up classes with - (hyphen)
Your problem is that CSS does not accept numbers as class name, type .1 { meu css }, but if you put .n1 { meu css } or .n-1 { meu css } it would work. In any case you can still select by attr this…
-
0
votes1
answer522
viewsA: How to format data within a DIV(alignment and source)?
Guy has several details in his code, he is not well formatted within the criteria of the Bootstrap Grid that you are using... But to do what you want just put the native classes d-flex…
-
4
votes1
answer79
viewsA: Does it make any sense to use subtitles on an audio?
Of course it makes sense, it wouldn’t be great to be able to listen to an English podcast while Portuguese subtitles appear? Face no offense, but it seems you don’t quite understand the things…
-
4
votes3
answers986
views -
12
votes1
answer226
viewsQ: What is a Vaporware?
I’ve been hearing the term Vaporware with some frequency. People talking that it is something does not sustain, straw fire, etc. But what qualifies a Vaporware, there are clear factors to classify…
-
1
votes2
answers916
viewsA: Align text in Bootstrap navbar menu
Dude you can align these elements right by simply putting one margin-left:auto;, for this use the native BS class ml-auto I put a red background just to make it easier to visualize, but you can put…
-
6
votes1
answer205
viewsA: Calculate height difference with CSS
You can solve half the problem with just CSS, maybe I can help you in some way. As in jQuery to realize that you want any movement of scroll the top section change, I imagine that this section…
-
1
votes1
answer137
viewsA: Image is being cropped when the "max-width" CSS element is used
So, these problems you can bypass by limiting the image within the rendering container itself using object-fit: contain. What I mean is that the image will render so that it fits proportionately…
-
17
votes2
answers143
viewsA: Why does CSS have so many units of measurement?
It is because not only do we have a "display media", you may have to set up a web page for print output, as any typographic design for you to have more control of as a PX screen will appear on paper…
-
2
votes1
answer75
viewsA: Why isn’t Navbar showing up?
Face your problem is not even the JS is not with CSS. Look at your code, notice that you put display: none using the ID @media screen and (max-width: 768px) #menu { width: 100%; display: none; /*…
-
2
votes1
answer400
viewsQ: HTML Doubt Credit Card Form
I saw a form that suggests the credit card that’s on autocomplete. But I honestly don’t understand what’s different about this form autocomplete work? If the fields input of form have not type how…
-
6
votes2
answers57
viewsA: Problem with :Nth-Child() using margin-right
The dots That class: .box:nth-child(4n+4){ margin-right: 0; } It doesn’t cancel that: .box:nth-child(5n+5){ margin-right: 0; } That doesn’t cancel that .box:nth-child(odd){ margin-right: 30px; }…
-
3
votes4
answers687
viewsA: Disable html element with jquery
There is no way to leave a link disabled, for disabled is not an HTML attribute you can use in a tag <a> If this is your intention use a tag <button> or <input type="button"…
-
2
votes2
answers141
viewsA: Make Divs to be inline
Look my tip is to put flex in the container pai, but also put flex in the container filho, so you can have the image in one column and the text next in another column. To separate the text and image…
-
3
votes1
answer79
viewsA: UL does not follow normal page flow
Dude, no offense, I don’t know where you went to school, or if you picked up some really old material as a reference, but I’m here giving you a OK tip! You forget that float exists. Float not to…
-
5
votes1
answer36
viewsA: I can’t line up Divs
Your problem is that inside the div area you have an element logo with position fixed, what I can tell you is that this layout structure is kind of compromised, because very likely when the content…
-
4
votes3
answers66
viewsA: How do I create this Button in HTML?
There are many ways to make, I made a model just styling the background with linear-gradiente body { background-color: #333; } button { all: unset; width: 64px; height: 42px; border-radius: 8px;…
-
2
votes1
answer62
viewsA: How to reduce page size without formatting
Guy without code has many CSS errors, but first I highly recommend that you study a lot position, to understand what it is position:absolute/relative. Also, you put some elements with fixed px…
-
0
votes1
answer103
viewsA: How to give "spacing" in the area where the text is written
Takes the padding of the pseudo-class of placeholder and puts right into the input. Once you put the padding in the input it already positions the marker in the correct place and tb "pushes" the…
-
4
votes1
answer51
viewsA: Input field does not align with others
Guy for Bootstrap’s grid to run a parent col has to be a row, and not just go out putting cols and wait for them to line up. I strongly recommend that you take a moment to take a look at the…
-
0
votes2
answers887
viewsA: Align items in css grid
Dude you have a tag img within a div, just put text-align: right that the img to the right. The image is an element inline and it can be aligned with text elements, so the text-aling resolve. Then…
-
2
votes1
answer109
viewsA: How to control the size of a font using @media
It was on the lock spoke a and at your watering @media (max-height:880px) and (max-width:1279px){ #Fonte{ font-size: 10vh !important; } } Just reinforcing that for this rule to be valid the two…
-
2
votes1
answer318
viewsA: Place one col over another with bootstrap 4
Ta ai mano, basically you just need to create a class, to put right: 0, I called . right right, in the rest you use Bootstrap’s own classes as the position and padding classes .right { right: 0; }…