Hello I just built a new form and for some reason, it is not responsive. Yes, I am new to bootstrap, but all forms I have built previously have been responsive. Just wondering is there a button or something I clicked by accident that turns my form's responsive feature off?
I am teaching myself, so I am very inexperienced with HTML and bootstrap.
Thank you, Warren
<html>
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" /> <title>Hero_Sheet_Page-A15</title> <link rel="stylesheet" href="bootstrap.min.css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cookie" /> <link rel="stylesheet" href="-Team-Rotating-Cards-BS4-.css" /> <link rel="stylesheet" href="Good-login-dropdown-menu-1.css" /> <link rel="stylesheet" href="Good-login-dropdown-menu.css" /> <link rel="stylesheet" href="Navigation-with-Button.css" /> <link rel="stylesheet" href="Navigation-with-Search.css" /> <link rel="stylesheet" href="styles.css" /> </head>
<body style="/*background: url(Backcover_final_No_LogoEdit_300dpi_02.jpg);*//*background-size: cover;*//*background-position: center;*//*background-repeat: no-repeat;*/"> <div style="background: url(Backcover_final_No_LogoEdit_300dpi_02.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 1417px;"> <div class="container text-center" style="height: 1331px;background-color: rgba(21,19,18,0.81);margin-top: 15px;width: 1700px;max-width: 2286px;"> <div class="text-uppercase text-center" style="color: #b8b2ad;font-size: 20px!important;font-weight: bold;border: groove 7px;height: 1318px;"> <div class="row"> <div class="col-12">
Character Name
</div> </div> <div class="row justify-content-center" style="margin-left: 0px;"> <div class="col-2 d-none" style="margin-left: 10px;"> <div class="row" style="margin-right: 0px;margin-left: 0px;width: 1454;"> <div class="col-12">Attributes
</div> </div> <div class="row" style="margin-bottom: 20px;margin-right: 0px;margin-left: -30px;"> <div class="col-6" style="border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;background-color: rgba(0,0,0,0.5);background-repeat: no-repeat;background-size: cover;background-position: center;">Strength
00
</div> <div class="col-6" style="border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;margin-left: 44px;background-color: rgba(0,0,0,0.5);">Fortitude
00
</div> </div> <div class="row" style="margin-bottom: 20px;margin-right: 0px;margin-left: -30px;"> <div class="col-6" style="border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;background-color: rgba(0,0,0,0.5);">Dexterity
00
</div> <div class="col-6" style="border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;margin-left: 44px;background-color: rgba(0,0,0,0.5);">Accurracy
00
</div> </div> <div class="row" style="margin-bottom: 20px;margin-right: 0px;margin-left: -30px;"> <div class="col-6" style="border: groove;border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;background-color: rgba(0,0,0,0.5);">intellect
00
</div> <div class="col-6" style="border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;margin-left: 44px;background-color: rgba(0,0,0,0.5);">resolve
00
</div> </div> <div class="row" style="margin-bottom: 20px;margin-right: 0px;margin-left: -30px;"> <div class="col-6" style="border: groove;border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;background-color: rgba(0,0,0,0.5);">influence
00
</div> <div class="col-6" style="border: groove;border: groove 5px;width: 100px;max-width: 100px;height: 100px;max-height: 100px;margin-left: 44px;background-color: rgba(0,0,0,0.5);">Demeanor
00
</div> </div> </div> <div class="col-3 text-uppercase" style="margin-left: 10px;width: 383px;max-width: 383px;background-image: url(CharacterWindow_Stats_GlowSeparator.png);background-repeat: no-repeat;background-position: top;margin-left: 10px;border: groove;border-top: inherit;border-bottom: inherit;border-left: inherit;"> <div class="text-capitalize" style="font-size: 20px;"> <div class="row" style="padding-top: 30px;"> <div class="col" style="height: 30px;">Strength
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Fortitude
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Dexterity
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">accurracy
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">intellect
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">resolve
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">influence
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">demeanor
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div class="text-capitalize" style="font-size: 20px;color: #b8b2ad;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Strength Aspects
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">deadlift
</div> <div class="col" style="height: 30px;">0 Lbs
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">bench press
</div> <div class="col" style="height: 30px;">0 Lbs
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">carrying capacity
</div> <div class="col" style="height: 30px;">0 Lbs
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Strength Damage
</div> <div class="col" style="height: 30px;">0 DV
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div class="text-capitalize" style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Luck points
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Luck
</div> <div class="col" style="height: 30px;">0/0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Volatile Luck
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div class="text-capitalize" style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">parent skills
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Artisan
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">athletics
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">awareness
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">knowledge
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">melee weapon
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">nature
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">range weapon
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">social
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">subterfuge
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div class="text-capitalize" style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Child-skills
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div class="col-4"> <div> <div class="row"> <div class="col-12">Race
</div> </div> <div class="row"> <div class="col-12">Archetype
</div> </div> <div class="row" style="border-color: rgba(255,255,255,0);"> <div class="col" style="background-image: url(CharacterShade.png);background-repeat: no-repeat;background-size: cover;background-position: center;width: 535px;height: 1017px;border-color: rgba(255,255,255,0);"> </div> </div> </div> </div> <div class="col-5 d-none" style="border: groove;border-right: inherit;border-top: inherit;border-bottom: inherit;"> <div class="text-capitalize" style="font-size: 20px;"> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> <div class="row" style="margin-bottom: 0px;margin-top: 0px;"> <div class="col-12"> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Level
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;margin-top: 0px;"> <div class="col-6" style="height: 40px;">Experience Points
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Trained Skills
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">techniques
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Talents
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Movement in squares
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Walk
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Tactical
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Sprint
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Reaction
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Awareness
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Listen
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Vision
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Smell
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Vitals
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">blood points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">contitution points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">damage threshold
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">fatigue points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">health points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">health points bonus
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">mana points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">mental health points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Defenses
</div> </div> <div class="row" style="height: 30px;"> <div class="col-2" style="height: 40px;">evasion
</div> <div class="col-2">0
</div> <div class="col-2" style="height: 40px;"> </div> <div class="col-2"> </div> <div class="col-2" style="height: 40px;">dodge
</div> <div class="col-2">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col" style="height: 40px;">Armor type
</div> <div class="col" style="height: 40px;">DR
</div> <div class="col">0/0
</div> <div class="col" style="height: 40px;">PDR
</div> <div class="col">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col" style="height: 40px;">Shield type
</div> <div class="col" style="height: 40px;">DP
</div> <div class="col">0/0
</div> <div class="col" style="height: 40px;">PDR
</div> <div class="col">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col" style="height: 40px;">Unique type
</div> <div class="col" style="height: 40px;">DP
</div> <div class="col">0/0
</div> <div class="col" style="height: 40px;">PDR
</div> <div class="col">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-2" style="height: 40px;">str-save
</div> <div class="col-2">0
</div> <div class="col-2" style="height: 40px;">for-save
</div> <div class="col-2">0
</div> <div class="col-2" style="height: 40px;">res-save
</div> <div class="col-2">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> </div> </div> <div class="col-5" style="/*border: groove;*/border-right: inherit;border-top: inherit;border-bottom: inherit;width: 696px;"> <div class="text-capitalize" style="font-size: 20px;border: rgba(255,255,255,0);"> <div> <ul class="nav nav-tabs"> <li class="nav-item">Statistics <li class="nav-item" style="color: rgba(184,178,173,0);">Combat <li class="nav-item" style="color: rgba(184,178,173,0);">Skills <li class="nav-item" style="color: rgba(184,178,173,0);">Aptitude <li class="nav-item" style="color: rgba(184,178,173,0);">Acrane <li class="nav-item" style="color: rgba(184,178,173,0);">Description <li class="nav-item" style="color: rgba(184,178,173,0);">Gear <li class="nav-item" style="color: rgba(184,178,173,0);">Traits <li class="nav-item" style="color: rgba(184,178,173,0);">Notes <li class="nav-item" style="color: rgba(184,178,173,0);">Other <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="tab-1"> <div class="col-5" style="border: groove;border-right: inherit;border-top: inherit;border-bottom: inherit;max-width: 700px;width: 686px;"> <div class="text-capitalize" style="font-size: 20px;"> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> <div class="row" style="margin-bottom: 0px;margin-top: 0px;"> <div class="col-12"> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Level
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;margin-top: 0px;"> <div class="col-6" style="height: 40px;">Experience Points
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Trained Skills
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">techniques
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Talents
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Movement in squares
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Walk
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Tactical
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Sprint
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Reaction (Intiative)
</div> <div class="col-6">2d10+0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Awareness
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Listen
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Vision
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">Smell
</div> <div class="col-6">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Vitals
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">blood points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">contitution points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">damage threshold
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">fatigue points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">health points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">health points bonus
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">mana points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-6" style="height: 40px;">mental health points
</div> <div class="col-6">0/0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Defenses
</div> </div> <div class="row" style="height: 30px;"> <div class="col-2" style="height: 40px;">evasion
</div> <div class="col-2">0
</div> <div class="col-2" style="height: 40px;"> </div> <div class="col-2"> </div> <div class="col-2" style="height: 40px;">dodge
</div> <div class="col-2">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col" style="height: 40px;">Armor type
</div> <div class="col" style="height: 40px;">DR
</div> <div class="col">0/0
</div> <div class="col" style="height: 40px;">PDR
</div> <div class="col">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col" style="height: 40px;">Shield type
</div> <div class="col" style="height: 40px;">DP
</div> <div class="col">0/0
</div> <div class="col" style="height: 40px;">PDR
</div> <div class="col">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col" style="height: 40px;">Unique type
</div> <div class="col" style="height: 40px;">DP
</div> <div class="col">0/0
</div> <div class="col" style="height: 40px;">PDR
</div> <div class="col">0
</div> </div> <div class="row" style="height: 30px;"> <div class="col-2" style="height: 40px;">str-save
</div> <div class="col-2">0
</div> <div class="col-2" style="height: 40px;">for-save
</div> <div class="col-2">0
</div> <div class="col-2" style="height: 40px;">res-save
</div> <div class="col-2">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);"> <div class="col"> </div> </div> </div> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-2"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">parent skills
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">Artisan
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">athletics
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">awareness
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">knowledge
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">melee weapon
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">nature
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">range weapon
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">social
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;">subterfuge
</div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Child-skills
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="tab-3"> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Techniques
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> <div style="font-size: 20px;"> <div class="row" style="height: 30px;"> <div class="col-12" style="height: 40px;">Talents
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="padding-top: 0px;"> <div class="col" style="height: 30px;"> </div> <div class="col" style="height: 30px;">0
</div> </div> <div class="row" style="height: 30px;background-image: url(CharacterCreate_Separator.png);background-size: cover;background-position: center;"> <div class="col" style="background-repeat: no-repeat;background-size: cover;background-position: center;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body></html>
Learn basic things and "stuff" before you will want to use bs4... or atleast use documentation and read what does what... also I don't understand what this code which you have paste above does xd it doesn't make any kind of sense so... learn html after css then jump into bs4 cause it's too early for yaa to use bs4 :)
Hello DickyKreedz
Thank you for responding, although I am new, I have designed several fully functional responsive pages over the past few months. I just started this new project and for some reason, this one is not responsive at all.
I designed all this and they are responsive: I tested these and they fit perfectly on all size devices.
https://cdn.discordapp.com/attachments/647471098371375124/649546639085797386/unknown.png https://cdn.discordapp.com/attachments/647471098371375124/654833264418357259/unknown.png https://cdn.discordapp.com/attachments/647471098371375124/654833683953483777/unknown.png https://media.discordapp.net/attachments/647471098371375124/654833895157792778/unknown.png?width=626&height=463 https://cdn.discordapp.com/attachments/647471098371375124/654932379869380639/unknown.png https://cdn.discordapp.com/attachments/647471098371375124/655467882330718238/unknown.png https://cdn.discordapp.com/attachments/647471098371375124/655470212769906698/unknown.png https://cdn.discordapp.com/attachments/647471098371375124/655942121299116063/unknown.png https://cdn.discordapp.com/attachments/647471098371375124/655942121299116063/unknown.png
This one for some reason is not responsive and I do not know why.
https://cdn.discordapp.com/attachments/643270115126673413/658088741549637710/unknown.png
Thant you, Warren
Add me on discord Dicky#6701 we will talk there :)
Okay...
1) please don't post ridiculously long segments of code, and then expect forum users to sift through it looking for problems. That's not what this forum is for. If you want to post a short segment of code, use the proper formatting (place the code between a pair `` of tildas) for example...
.myClass {
font-size: 18px;
color: ffffff;
}
2) If you're having a problem with a feature or function in Bootstrap Studio, either put up a link to your live site where we can look at it, or put a link to your .bssdesign file that people can download and examine. Those are the quickest ways to get help on a problem you are totally lost on.
Hello Printninja Sorry, I am new to posting here and I was posting what I thought would help. I thought it was way too much myself, I was trying to seek help. I thought this was a place where I could ask for some help and support. I will search the forum where I can properly ask for support sorry.
@Dickkreedz - thank you so very much for the offer. I believe I figured it out, not sure why this was the issue. but when I added CSS style: width: 1700px to the container with a CSS style: max-width: 2286px. it causes the form not to be responsive. once I remove CSS style: width: 1700px. it became responsive as it should.
As I said, I am still learning. Maybe that is an improper combination to use. who knows. but it is working now, thank you Dickkreedz.
@Printninja sorry for the miss-post, I will try to do better next time.
Thank you, Warren
@weandalljr4
It's okay. We were all new here at one time.
I wasn't trying to discourage you from asking for help, just giving you an idea of how best to go about it. The BSS forums are comprised entirely of users of Bootstrap Studio. Some of us have coding knowledge, some do not. Generally people post here when they run into problems with figuring out how to use some aspect of the program, or something Bootstrap related.
There's nothing wrong with posting code snippets, but posting pages and pages of code isn't as effective as providing a link to your site, or your .bssdesign file. Then those of us who are coders can actually look at the problem in real-time, and work it out. General coding issues are not really related to using Bootstrap Studio, so those types of problems will often get resolved more easily on sites like Stack Overflow.
I'm glad you managed to get your issue resolved.
@wrandalljr4 Container is a responsive component by itself, so putting any width etc is not acceptable, you should put before container a div with section or atleast that div and after container
Read
Containers are the most basic layout element in Bootstrap and are required when using our default grid system. Choose from a responsive, fixed-width container (meaning its max-width changes at each breakpoint) or fluid-width (meaning it’s 100% wide all the time). Containers provide a means to center and horizontally pad your site’s contents. Use .container for a responsive pixel width or .container-fluid for width: 100% across all viewport and device sizes.