рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдбреНрд░реЙрдкрдбрд╛рдЙрди рдореЗрдирд╕ рдПрдирд╣рд╛рдВрд╕рдореЗрдВрдЯ

рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рд╕реЗ рдбреНрд░реЙрдкрдбрд╛рдЙрди рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВред рд╕рд░рд▓ рдФрд░ рд╕рдордЭрдиреЗ рдпреЛрдЧреНрдп рд╢рдмреНрджрд╛рд░реНрде рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рд╡реЗ рд▓реЗрдЖрдЙрдЯ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЖрд╕рд╛рди рдФрд░ рд╕реБрдЦрдж рд╣реИрдВред

рд▓реЗрдХрд┐рди рдкреВрд░реА рдЦреБрд╢реА рдХреЗ рд▓рд┐рдП, рдореБрдЭреЗ рдХреБрдЫ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдХреА рдХрдореА рдереАред


1. рд░реЗрдбрд┐рдпреЛ рдФрд░ рдЪреЗрдХрдмреЙрдХреНрд╕


рд╡реЗрдм рдкрд░ рд╕реНрдЯрд╛рдЗрд▓рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд╕рд╛рд░реЗ рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╣реИрдВ select рдФрд░ select multiple , рд▓реЗрдХрд┐рди рдореИрдВ рдХреБрдЫ рд╕рд░рд▓ рдФрд░ рд╕рд╛рд░реНрд╡рднреМрдорд┐рдХ рдЪрд╛рд╣рддрд╛ рдерд╛, рдФрд░ рдЬрдм рд╕реЗ рдореИрдВ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ Bootsrap Dropdown Menus рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдЙрдиреНрд╣реЗрдВ рдХрдо рд╕реЗ рдХрдо рдкреНрд░рдпрд╛рд╕ рдХреЗ рд╕рд╛рде рдпрд╣ рдХрд╛рд░реНрдп рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрдпреЛрдВ рдирд╣реАрдВ рдорд┐рд▓рддрд╛ред рдЬреЛ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ ред

2. рд╕реНрдерд┐рддрд┐


рдХрднреА-рдХрднреА рдЖрдкрдХреЛ рдмрдЯрди рдХреЗ рдКрдкрд░ рдпрд╛ рдХреЗрдВрджреНрд░ рдореЗрдВ рдореЗрдиреВ рдХреА рд╕реНрдерд┐рддрд┐ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред рдЗрд╕рдХреЗ рд▓рд┐рдП, рдорд╛рдирдХ .pull-right , рдирдИ рдХрдХреНрд╖рд╛рдПрдВред .pull-top , .pull-center , .pull-middle рд╢реБрд░реВ рдХреА рдЧрдИ рдереАрдВред

3. рдЧреЛрд▓реА


.bullet рд╡рд░реНрдЧ рдореЗрдиреВ рдореЗрдВ рдПрдХ рддреАрд░ рдЬреЛрдбрд╝рддрд╛ рд╣реИред





рдореБрдЭреЗ рдХрд┐рд╕реА рднреА рдЯрд┐рдкреНрдкрдгреА, рдЯрд┐рдкреНрдкрдгреА, рдкрд░рд┐рд╡рд░реНрдзрди рдХреЗ рд▓рд┐рдП рдЦреБрд╢реА рд╣реЛрдЧреАред рдЖрдкрдХрд╛ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдкреБрдирд╢реНрдЪ: GitHub рдкрд░ рдкреГрд╖реНрда рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рд╣реИред рдореИрдВ рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рдмрд╣реБрдд рдордЬрдмреВрдд рдирд╣реАрдВ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдЕрд╢реБрджреНрдзрд┐рдпреЛрдВ рдФрд░ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЛ рд╕реБрдзрд╛рд░рдиреЗ рдореЗрдВ рдХрд┐рд╕реА рднреА рдорджрдж рдХреА рдЦреБрд╢реА рд╣реЛрдЧреАред

UPD рдиреЗ рд░реЗрдбрд┐рдпреЛ рдмрдЯрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдкрд░ рдореЗрдиреВ рдХреЛ рдмрдВрдж рдХрд┐рдпрд╛ ... рдореЗрдиреВ рдХреЛ рдЦреБрд▓рд╛ рдЫреЛрдбрд╝рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рдХреЛ рдЬреЛрдбрд╝рд╛, рдЗрд╕рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ .noclose class рдХреЛ dropdown-menu (рдбреЗрдореЛ рджреЗрдЦреЗрдВ) рдореЗрдВ рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ред

Source: https://habr.com/ru/post/In175027/


All Articles