Home>

I'm copying the Airbnb site using Bootstrap.
I'm going to ask you questions when I was adjusting the width.

Error message

W-70 doesn't work.

Applicable source code

<Select>
<Option>Entirely chartered</option>
<Option>private room</option>
<Option>Shared room</option>
</Select>
I was able to deal with the code below, but I don't know why it doesn't work.



Supplemental information (FW/tool version etc.)

Thanks for your answer.

  • Answer # 1

    First, the class attribute values ​​must be separated by spaces. The space here is a single-byte space character or a line feed character, and does not include double-byte space.
    https://html.spec.whatwg.org/multipage/dom.html#global-attributes:set-of-space-separated-tokens
    https://momdo.github.io/html/dom.html#global-attributes:set-of-space-separated-tokens

    Bootstrap only provides w-25 w-50 w-75 w-100 w-auto, not w-70. Add if necessary.
    https://getbootstrap.com/docs/4.3/utilities/sizing/#relative-to-the-parent

  • Answer # 2

    Resolved.
    I didn't know that bootstrap has 5 widths.
    I was really saved! Thank you very much!