Log in
Download
Open in Kooboo
Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Pagination Documentation example explain use pagination component overview use wrapping element identify navigation section screen reader assistive technology addition page likely navigation section advisable provide descriptive aria label reflect purpose example pagination component navigate set search result appropriate label aria result page result previous previous work icon look use icon symbol place text pagination link sure provide proper screen reader support aria attribute utility Result previous previous disabled active state Pagination link customizable different circumstance Use link appear indicate current page class use pointer event try disable link functionality property standardize account keyboard navigation add disabled link use custom fully disable functionality result previous current previous current Alignment change alignment pagination component utility result previous previous Result previous previous pager result show previous show previous Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions help indicate current page location navigational hierarchy example Result Home Home Library Home Library Data Home Home Library Home Library Data Accessibility provide navigation good idea add meaningful label aria describe type navigation provide element apply aria item set indicate represent current page information aria Authoring Practices pattern Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Use Bootstrap modal add dialog site user notification completely custom content work modal build position document remove scroll modal content scroll instead click modal backdrop automatically close modal bootstrap support modal window time nested modal support believe poor user experience modal use position fix bit particular rendering possible place modal level position avoid potential interference element likely run issue nest fix element position fix caveat modal mobile device browser support doc detail define semantic attribute effect Bootstrap modal achieve effect use custom function read demos usage guideline Example Result Launch demo modal modal title Modal body text modal footer text usage modal toggle hide content demand datum attribute add open override default scroll behavior generate backdrop provide click area dismiss show modal click outside modal datum attribute activate modal write set data controller element like button data target specific modal toggle launch modal modal single line Online Documentation Support Rights reserve modal title modal content close Save change Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Buttons Use build custom button style action form dialog support multiple size state Examples Bootstrap include predefine button style serve semantic purpose extra throw control Result Primary Secondary Information Success Warning Danger Light Dark Primary Secondary Information Success Warning Danger Light Dark Conveying mean assistive technology color add meaning provide visual indication convey user assistive technology screen reader ensure information denote color obvious content visible text include alternative mean additional text hide class Button tag class design element use class element browser apply slightly different rendering button class element trigger page functionality like collapse content link new page section current page link give appropriately convey purpose assistive technology screen reader Result Link Button Link Button Outline button need button hefty background color bring replace default modifier class one remove background image color button Result Primary secondary Success Danger Warning Info Light Dark Primary secondary Success Danger Warning Info Light Dark soft button Result Primary secondary Success Danger Warning Info Light Primary Secondary Success Danger Warning Info Light Social button result Twitter Twitter Icon button Icon button come fix width height use icon icon inner class add class circle utility class button Result Result step step add cart Sign Unlink account update result step step add cart Sign Unlink account update result Sizes Fancy large small button add additional size result large button large button large button large button Result Medium button Medium button Medium button Medium button Result small button small button small button small button create block level button span width parent add block Result Block level button Block level button Block level button Block level button Pill button use pill modifier class button rounded large border radius Result Primary secondary Success Danger Warning Info Light Dark Primary secondary Success Danger Warning Info Light Dark Active state button appear press dark background darker border inset shadow active need add class use pseudo class force active appearance include aria attribute need replicate state programmatically Result Primary link Secondary Link Primary link Secondary Link disabled state button look inactive add disabled boolean attribute element Result Primary button Secondary Button Primary button Secondary Button disabled button element behave bit different support disabled attribute add class visually appear disabled future friendly style include disable pointer event anchor button browser support property will disabled cursor disabled button include aria attribute indicate state element assistive technology Result Primary link Secondary Link Primary link Link Link functionality caveat class use pointer event try disable link functionality property standardize addition browser support pointer event keyboard navigation remain unaffected mean sighted keyboard user user assistive technology able activate link safe add attribute link prevent receive keyboard focus use custom disable functionality Button button control button state create group button component like check official Bootstrap page detail Toggle state Add data toggle button active state pre toggle button manually add class aria result Single toggle Single toggle radio button Bootstrap style apply element provide radio style button toggling add data group contain modify button enable toggling behavior add group toggle style button note create single input power button group check state button update click event button use method update input manually apply input check property need toggle manually note pre check button require manually add class input result check Checked Methods Method Description toggle push state give button appearance activate destroy element button Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Borders use border utility quick styling border border radius element great image button element border use border utility add remove element border choose border time additive Result Subtractive Result Border color change border color utility build theme color result Border radius Add class element easily round corner Result Online Documentation Support Rights reserve create User Kit Notifications Clear New Update order update New Update order update John Doe profile Sign Dashboard Dashboard Documentation Examples Users Users add new Authentication Login Register Forgot Password Forgot Password Email Verification Settings Static page user create New User Create New User Email Password Confirm Password Set Random Password Create FAQ Support Contact Rights reserve build show Entries Previous Page Link Pagination element element element Dots Separator element array link element page page page page Page Link Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Forms Examples usage guideline form control style layout option custom component create wide variety form help Bootstrap Forms overview Bootstrap form control expand Bootstrap reboot form style class use class opt customize display consistent rendering browser device sure use appropriate type attribute input email email address number numerical information advantage new input control like email verification number selection information Bootstrap Forms quick example demonstrate Bootstrap form style read documentation require class form layout result Email address share email Password check Submit Email address share email Password check Submit Form control textual form control like style control class include style general appearance focus state size sure explore custom form style Result Email address Example select example multiple select example email address Example select example multiple select example file input swap control control file result Example file input Example file input size Set height class like control control result result large select Option Option Option Default select Option Option Option small select Option Option option large select default select small select Custom form customization cross browser consistency use completely custom form element replace browser default build semantic accessible markup solid replacement default form control Prepend Place add left input result Append Place add right input result Append Button Place button right input Result Search Search Append Icon Result radio Default radio improve help check single class input type improve layout behavior element select option list radio select option disabled radio support provide allow cursor hover parent need add disabled attribute check input disabled attribute apply light color help indicate input state radio use build support base form validation provide concise accessible label element oppose slightly verbose specify attribute relate Default stack default number radio immediate sibling vertically stack appropriately space check result Default Disabled Default Disabled Result Default radio second default radio disabled radio Default radio second default radio disabled radio Inline Group radio horizontal row add check inline check result disabled disabled Result disabled disabled Custom Result label label label label Result Radio label Radio label Radio label Radio label switch Result Toggle switch element disabled switch element Toggle switch element disabled switch element additional type Radios agree Agreed agree Agreed copy Copy Radios Option option option option extra large size start Free Start free day trial start Free Start free day trial Download App Store Start free day trial Download App Store Start free day trial Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Animation Spin Result Cursor pointer cursor pointer opacity opacity overflow hide overflow hide important inherit overflow inherit important font size size base font size font size base important size inherit font size inherit important font weight weight semi bold font weight Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Documentation example use Bootstrap include navigation component Base nav Navigation available Bootstrap share general markup style base class active disabled state swap modifier class switch style base component build provide strong foundation build type navigation component include style override work list link padding large hit area basic disabled styling note base component include state follow example include class mainly demonstrate particular class trigger special styling result Tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa Bootstrap Tabs take basic nav add tab class generate tabbed interface use create region tab result Tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa Bootstrap Pills use pill instead result Tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa Tabs add additional class Result Tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa pill use pill instead Result Tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa tab Tab Anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable Leggings craft beer farm table raw denim aesthetic probably hear sustainable brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Icons Icon Library agenda alarm clock alert align center align justify align leave align right anchor android angle double angle double left angle double right angle double angle angle leave angle right angle announcement apple archive arrow circle arrow circle leave arrow circle right arrow circle arrow arrow leave arrow right arrow leave arrow right arrow arrow arrow corner arrows horizontal arrow vertical left right bag bar chart alt bar chart basketball bell blackboard bolt alt bolt book bookmark alt bookmark briefcase brush alt brush calendar camera car check box check clip clipboard close cloud cloud cloud comment alt comment comment smiley comment control backward control eject control forward control pause control play control record control shuffle control skip backward control skip forward control stop credit card crown cup cut dashboard desktop direction alt direction download alt drupal email envelope eraser exchange vertical export eye face sad face smile file file filter flag flag alt flag alt folder gallery game gift hand drag hand open hand point hand point leave hand point right hand point hand stop headphone alt headphone heart break heart help alt help home hummer badge image import infinite info alt info ink pen italic key layers alt layer layout accordion list layout accordion merge layout accordion separate layout alt layout layout alt layout layout alt layout layout leave layout right layout center layout leave layout right layout alt layout layout alt layout layout alt layout layout line solid layout list large image layout list post layout list thumb alt layout list thumb layout medium center alt layout medium center layout media leave alt layout media leave layout medium overlay layout medium overlay alt layout medium overlay layout media right alt layout media right layout menu layout menu separate layout menu layout menu layout placeholder layout layout sidebar leave layout sidebar layout sidebar right layout slider alt layout slider layout tab min layout tab layout tab window layout tab layout width default alt layout width default layout width layout light bulb line dash line dot line double link list list location arrow location pin lock loop magnet map alt map marker alt marker alt menu alt menu microphone alt microphone alt minus mobile money alt mouse alt mouse music alt music new window notepad package paint bucket paint roller palette panel paragraph pencil pencil alt pencil pie chart pin alt pin alt plug plus power printer pulse quote leave quote right receipt reload rocket alt ruler ruler alt ruler pencil ruler save alt save search server setting share alt share alt shield shift leave alt shift leave shift right alt shift right shine shopping cart shopping cart signal slice split split alt split spray stack overflow stamp star stat stat support tablet tag target text alt logo think thumb ticket time timer trash truck alt twitter alt twitter underline unlink unlock upload uppercase user vector video camera video clapper view grid view list alt view list alt volume wallet wand wheelchair widget alt widget window world write yahoo zip zoom zoom Icon Styles Use custom icon style action form dialog support multiple size state Examples include predefine button style serve semantic purpose Result Result soft icon Result Sizes Fancy large small button add additional size Result Online Documentation Support Rights reserve use use class extend Controller public function construct user public function index user return form create new user public function create user new User return form edit specify user public function user return save newly create user public function request user new User return user update specified public function request User user require email require email user email password message User update successfully user create successfully return redirect message delete specified user public function user return return redirect User delete successfully create new account Kit create new account Mail Address Password Confirm Password Sign account Sign Rights reserve build Notifications Clear notification example profile Logout use class extend Controller public function construct public function edit return public function request user require email user email nullable password function attribute value fail use user return current password incorrect password return redirect profile update successfully Documentation Kit documentation get start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Typography Documentation example Bootstrap typography include global setting heading body text list global setting Bootstrap set basic global display typography link style control need check textual utility class use native font stack select good font family device inclusive accessible type scale assume browser default root font size typically visitor customize browser default need use font family base font size base attribute typographic base apply set global link color link color apply link underline hover use body set background color default style global variable define sure set font size base rem heading heading available result head Example bootstrap head bootstrap head bootstrap head bootstrap head bootstrap head bootstrap head sample head sample head sample head sample head sample head sample head class available want match font styling heading use associated element Result sample head sample head sample head sample head sample head sample head sample head sample head sample head sample head sample head sample head Customizing heading use include utility class recreate small secondary heading text Bootstrap Result Fancy display head fade secondary text Fancy display head fade secondary text display heading traditional heading element design work well meat page content need heading stand consider display head large slightly opinionated heading style Result Display Display Display Display Display Display Display Display Lead paragraph stand add result sit grab cup coffee dial detail understand task hand iron wrinkle key sit grab cup coffee dial detail understand task hand iron wrinkle key inline text element styling common inline element result use mark tag highlight text line text mean treat delete text line text mean treat long accurate line text mean treat addition document line text render underline line text mean treat fine print line render bold text line render italicize text use mark tag highlight text line text mean treat delete text line text mean treat long accurate line text mean treat addition document line text render underline line text mean treat fine print line render bold text line render italicize text class available apply style avoid unwanted semantic implication tag bring show feel free use mean highlight word phrase convey additional importance voice technical term etc text utility change text alignment transform style weight color text utility color utility abbreviation Stylized implementation element abbreviation acronym expand version hover abbreviation default underline gain help cursor provide additional context hover user assistive technology add abbreviation slightly small font size Result quote block content source document wrap quote result sit grab cup coffee dial detail sit grab cup coffee dial detail name source add identify source wrap source work result sit grab cup coffee dial detail famous Source Title sit grab cup coffee dial detail famous Source Title Alignment Use text utility need change alignment result sit grab cup coffee dial detail famous Source Title sit grab cup coffee dial detail famous Source Title Result sit grab cup coffee dial detail famous Source Title sit grab cup coffee dial detail famous Source Title Lists Unstyled remove default list style leave margin list item immediate child apply immediate child list item mean need add class nest list result Inline Remove list bullet apply light margin combination class inline inline item result Description list alignment Align term description horizontally grid system predefine class semantic long term optionally add truncate class truncate text ellipsis Result description list description list perfect define term truncated term truncate Nesting nest definition list description list description list perfect define term truncated term truncate Nesting nest definition list responsive typography responsive typography refer scale text component simply adjust root element font size series medium query Sample fairly easy add need example practice choose font size medium query wish font size medium breakpoint font size medium breakpoint font size medium breakpoint font size Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions background Similar contextual text color class easily set background element contextual class background utility set color case want use utility result primary secondary success danger warn info light dark white transparent primary secondary success danger warn info light dark white transparent Note contextual class apply specificity selector case sufficient wrap element content class conveying mean assistive technology color add meaning provide visual indication convey user assistive technology screen reader ensure information denote color obvious content visible text include alternative mean additional text hide class Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Transitions transition allow change property value smoothly value give duration transition opacity ease Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Alerts provide contextual feedback message typical user action handful available flexible alert message example Alerts available length text optional dismiss button proper styling use require contextual class success inline dismissal use alert result primary alert check secondary alert check success alert check danger alert check warning alert check info alert check light alert check dark alert check primary alert check secondary alert check success alert check danger alert check warning alert check info alert check light alert check dark alert check conveying mean assistive technology color add meaning provide visual indication convey user assistive technology screen reader ensure information denote color obvious content visible text include alternative mean additional text hide class solid background color Result Information Enable value add convergence Success Visualize vertical interface Alert Monetize portal Error Streamline customize model Unimportant architect ubiquitous deliverable Information Enable value add convergence Success Visualize vertical interface Alert Monetize portal Error Streamline customize model Unimportant architect ubiquitous deliverable leave border Add icon custom element Result Information Enable value add convergence Success Visualize vertical interface Alert Monetize portal Error Streamline customize model Information Enable value add convergence Success Visualize vertical interface Alert Monetize portal Error Streamline customize model bordered style replace default modifier class one remove background color alert Result Information Enable value add convergence Success Visualize vertical interface Alert Monetize portal Error Streamline customize model Information Enable value add convergence Success Visualize vertical interface Alert Monetize portal Error Streamline customize model additional content Alerts contain additional element like heading paragraph result Information alert need attention super important deploy evolve end infrastructure engage real time roi action Information alert need attention super important deploy evolve end infrastructure engage real time roi action behavior information official Bootstrap documentation alert Example John Doe hour ago Jane Doe day ago alert Example important reminder Appointment New Tweet hour ago John Doe post new tweet day ago new file upload Alerts Example Oops wrong action sure wrong Apply Cancel Success message wrong action Info message wrong Cancel Online Documentation Support Rights reserve Reset Password Kit Reset Password Mail Address send Password Reset Link account Sign Rights reserve build Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Spacing Template include wide range shorthand responsive margin padding utility class modify element appearance work Assign responsive friendly margin padding value element subset side shorthand class include support individual property property vertical horizontal property Notation Spacing utility apply breakpoint breakpoint abbreviation class apply min width bind media query remain breakpoint include breakpoint abbreviation class name format property class set margin class set padding side class set margin padding class set margin padding class set margin leave padding leave class set margin right padding right class set class set blank class set margin padding side element size class eliminate margin padding set default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer default class set margin padding spacer example representative example class margin important margin left spacer important leave spacer important padding right spacer important padding spacer important Horizontal center Additionally template include auto class horizontally center fix width block level content content display block width set set horizontal margin auto result center element center element Online Documentation Support Rights reserve FAQ Support Contact Rights reserve Dashboard Profile Settings Update Profile Email Change Password Current Password New Password Confirm New Password Update Users Kit Notifications Clear New Update order update New Update order update John Doe profile Sign Dashboard Dashboard Documentation Examples Users Users add new Authentication Login Register Forgot Password Forgot Password Email Verification Settings Static page user Users Users Email Registration Date Status Actions John Doe January Verified Sam Dew January Anna Doe January Verified show Entries FAQ Support Contact Rights reserve build web Routes register web route application route load group contain web group create great function return Redirect function return App Routes Users create create Profile Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions July Initial Release Online Documentation Support Rights reserve Dashboard Dashboard Welcome Conversion Rate total sale Net Revenue Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Progress Documentation example explain use custom progress bar stack bar text label work Progress component build element set width attribute bootstrap use element ensure stack progress bar animate place text label use wrapper indicate max value progress bar use inner bar indicate progress far bar require inline style utility class custom set width bar require role aria attribute accessible follow example Result Bootstrap provide handful utility set width depend need help quickly configure progress result Labels Add label progress bar place text bar result Label Value Label Value Sizes Fancy large small progress add progress additional size Result Backgrounds use background utility class change appearance individual progress bar result multiple bar include multiple progress bar progress component need result Online Documentation Support Rights reserve auth create new account create new account Mail Address Password confirm Password Sign account Sign Dashboard Users Edit create New User Edit create New User Email Password Confirm Password update create Rights reserve Reset Password Kit Reset Password Mail Address Password Confirm Password Reset Password Rights reserve build Static Page Kit Sample page egesta egesta egesta egesta FAQ Support Contact Rights reserve build Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions get start Introduction responsive web application Kit Admin Template design easily implement web application build Bootstrap use Mix wrapper build tool come Starter Kit implement new exist application time Starter Kit include follow ready use Sample route file necessary Blade Views include auth page user list user create edit form edit profile etc Sample controller manage user CRUD update profile setting Installation ready use box copy compile asset directory project want customize theme use build command compile theme asset available command run watch run dev run production customize build process need edit file information visit Mix official documentation use application come Starter Kit implement new exist application time attention careful instal exist application sure will overwrite exist view controller route important file note controller route provide example feel free replace file add application following scaffold default authentication following command artisan auth run migration artisan migrate Update example folder copy theme asset resource resource Copy view file resource resource Copy image public public copy controller app Update route file route example Build asset run install run production Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Collapse Toggle visibility content project class work collapse hide content button anchor trigger map specific element toggle collapse element animate height current value give handle animation use padding element instead use class independent wrapping element Example click button hide element class change hide content apply transition show content use link attribute button data target attribute case data require Result Link Button data target sit grab cup coffee dial detail understand task hand iron wrinkle key link Button data target sit grab cup coffee dial detail understand task hand iron wrinkle key multiple target hide multiple element reference selector data target attribute multiple hide element reference data target attribute Result Toggle element Toggle second element Toggle element sit grab cup coffee dial detail understand task hand iron wrinkle key sit grab cup coffee dial detail understand task hand iron wrinkle key Toggle element Toggle second element Toggle element sit grab cup coffee dial detail understand task hand iron wrinkle key sit grab cup coffee dial detail understand task hand iron wrinkle key accordion example extend default collapse behavior create accordion Result build cache anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable add upgrade plan time anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable access come host plan anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable build cache anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable add upgrade plan time anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable access come host plan anim cliche high life squid wolf moon aute non skateboard dolor brunch food truck quinoa brunch wolf moon bird squid single origin coffee Nihil anim keffiyeh craft beer vegan butcher vice legging craft beer farm table raw denim aesthetic probably hear sustainable accessibility sure add aria expand control element attribute explicitly convey current state collapsible element tie control screen reader similar assistive technology collapsible element close default attribute control element value aria set collapsible element open default class set aria control instead automatically toggle attribute control base collapsible element open close user trigger control element tie element control element element button attribute add element control element target single collapsible element data target attribute point selector add aria control attribute control element contain collapsible element modern screen reader similar assistive technology use attribute provide user additional shortcut navigate directly collapsible element note Bootstrap current implementation cover keyboard interaction describe aria Authoring Practices accordion pattern need include custom usage collapse utilize class handle heavy lifting hide content show content add transition start remove finish class find asset vendor bootstrap datum attribute add data data target element automatically assign control collapsible element data target attribute accept selector apply collapse sure add class collapse collapsible element like default open add additional class add accordion like group management collapsible area add data attribute data refer demo action behavior information official Bootstrap documentation Online Documentation Support Rights reserve Settings Kit Notifications Clear New Update order update New Update order update John Doe profile Sign Dashboard Dashboard Documentation Examples Users Users add new Authentication Login Register Forgot Password Forgot Password Email Verification Settings Static page profile Update Settings Update Settings Email Change Password Current Password New Password Repeat New Password Update FAQ Support Contact Rights reserve build Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Badges Example Badges scale match size immediate parent element relative font sizing unit result Example head New Example head New Example head New Example head New Example head New Example head New Example head New Example head New Example head New Example head New Example head New Example head New Badges link button provide counter Result Notifications Notifications note depend badge confuse user screen reader similar assistive technology styling badge provide visual cue purpose user simply present content badge depend specific situation badge like random additional word number end sentence link button context clear Notifications example understand number notification consider include additional context visually hide piece additional text Result profile unread message profile unread message contextual variation add mention modifier class change appearance badge Result Primary secondary Success Danger Warning Info Light Dark Primary secondary Success Danger Warning Info Light Dark Conveying mean assistive technology color add meaning provide visual indication convey user assistive technology screen reader ensure information denote color obvious content visible text include alternative mean additional text hide class pill badge use pill modifier class badge rounded large border radius additional horizontal padding Result Primary secondary Success Danger Warning Info Light Dark Primary secondary Success Danger Warning Info Light Dark link contextual class element quickly provide actionable badge hover focus state result Primary secondary Success Danger Warning Info Light Dark Primary secondary Success Danger Warning Info Light Dark Custom badge indicator include badge indicator case like notification properly scale fix badge follow class badge badge badge addition case utility class indicator example result example result Example result Example Result Example result Example Result Example Result Example result Example result Example Result Example Result Account Account Account Account Account Account Account Account Example Result Account Account Account Account Account Account Account Account Example result account Account Account Account Account Account Account Account Example result Notifications Notifications Notifications Notifications Notifications Notifications Notifications Notifications Example Result Notifications Notifications Notifications Notifications Notifications Notifications Notifications Notifications Example result Notifications Notifications Notifications Notifications Notifications Notifications example result Notifications Notifications Notifications Notifications Notifications Notifications Online Documentation Support Rights reserve Users Users Users add new Email Registration Date Actions user record find home Login Register Docs News Nova Forge Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions spinner indicate loading state component page Bootstrap spinner build entirely Bootstrap spinner loading state project build mean need create need custom toggle visibility appearance alignment sizing easily customize amazing utility class accessibility purpose loader include nest loading border spinner use border spinner lightweight loading indicator result loading loading color border spinner use border color mean customize color text color utility use text color utility standard spinner result loading loading loading loading loading loading loading loading loading loading loading loading loading loading loading loading use border color utility border spinner specify transparent border utility override grow spinner fancy border spinner switch grow spinner technically spin repeatedly grow result loading Loading spinner build easily change appearance text color utility blue support variant result loading loading loading loading loading loading loading loading loading loading loading loading loading loading loading loading Alignment Spinners Bootstrap build rem display inline flex mean easily resize quickly align margin Use margin utility like easy spacing result loading Loading Placement Use utility float utility text alignment utility place spinner exactly need situation Flex Result loading Loading result loading Loading float Result loading loading text align Result loading loading Size Add border grow small spinner quickly component result loading loading loading Loading use custom inline style change dimension need result loading loading loading loading button use spinner button indicate action currently process take place swap text spinner element utilize button text need result loading loading loading loading result loading loading loading loading Online Documentation Support Rights reserve Login Register Logout Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions link result dark white mute dark white mute Online Documentation Support Rights reserve auth verify Email Address verify Email Address fresh verification link send email address proceeding check email verification link receive email click request Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Avatars Avatar Sizes Avatar class apply image scale image properly Result class avatar round circle alt Image Description class avatar rounded circle alt Image Description class avatar round circle alt Image Description class avatar round circle alt Image Description class avatar round circle alt Image Description Copy Avatar Statuses result Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Positions center assume parent element position relative property center child element horizontally vertically inside matter width height Result center center note beware child element center tall parent cut Online Documentation Support Rights reserve use class extend Controller public function construct public function return auth Reset Password Reset Password Mail Address Password confirm Password Reset Password verify Email Address Kit verify Email Address fresh verification link send email address proceeding check email verification link receive email click request Rights reserve build Login Kit Login Mail Address Password forgot Password remember Sign account Sign Rights reserve build auth Login Login Mail Address Password Forgot Password remember Sign account Sign Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions toast push notification visitor toast lightweight easily customizable alert message toast lightweight notification design mimic push notification popularize mobile desktop operating system build easy align position overview thing know toast build source require toast opt performance reason initialize note responsible position toast toast automatically hide specify false Examples Basic encourage extensible predictable toast recommend header body toast header use display flex allow easy alignment content thank margin utility toast flexible need little require markup minimum require single element contain toast content strongly encourage dismiss button Result John Doe min ago Hello world toast message John Doe min ago Hello world toast message stack multiple toast default vertically stack readable manner Result John Doe like John Doe second ago head toast stack automatically John Doe like John Doe second ago head toast stack automatically Placement Place toast custom need right notification middle toast time positioning style right result John Doe min ago head toast stack automatically John Doe min ago head toast stack automatically Accessibility toast intend small interruption visitor user help screen reader similar assistive technology wrap toast aria live region change live region inject update toast component automatically announce screen reader need user focus interrupt user additionally include aria ensure entire toast announce single atomic unit announce change lead problem update toast content display toast content later point time information need important process list error form use alert component instead toast note live region need present markup toast generate update dynamically generate time inject page generally announce assistive technology need adapt role aria live level depend content important message like error use aria use aria attribute content display change sure update delay timeout ensure people time read toast false add close button allow user dismiss toast Result John Doe min ago Hello world toast message John Doe min ago Hello world toast message Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Colors Convey mean color handful color utility class include support styling link hover state Result primary secondary success danger warn info dark body mute white primary secondary success danger warn info dark body mute white contextual text class work anchor provide hover focus state note mute class link styling Result Primary link secondary link Success link Danger link Warning link Info link Light link Dark link Muted link White link Primary link Secondary link Success link Danger link Warning link Info link Light link Dark link Muted link White link Online Documentation Support Rights reserve fix follow error error error Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Tables Documentation example opt styling table give prevalent use Bootstrap example widespread use table party widget like calendar date picker design table opt add base class extend custom style include modifier class basic table markup table look Bootstrap table style inherit Bootstrap mean nest table style manner parent result Handle Mark Otto Jacob Larry bird Handle Mark Otto Jacob Larry Bird Striped row Use stripe add zebra stripe table row result Handle Mark Otto Jacob Larry bird Handle Mark Otto Jacob Larry Bird border table Result Handle Mark Otto Jacob Larry bird Handle Mark Otto Jacob Larry Bird Responsive table responsive table allow table scroll horizontally ease table responsive viewport wrap responsive pick maximum breakpoint responsive table vertical clip truncation Responsive table use overflow hide clip content edge table particular clip menu party widget responsive breakpoint use responsive horizontally scroll table result head Heading Heading Heading Heading Heading Heading Heading Heading cell cell cell cell cell cell cell Cell Cell cell cell cell cell cell cell cell Cell Cell cell cell cell cell cell cell cell Cell Cell Breakpoint specific Use need create responsive table particular breakpoint breakpoint table behave normally scroll horizontally result head Heading Heading Heading Heading cell cell cell Cell Cell cell cell cell Cell Cell cell cell cell cell cell head Heading Heading Heading Heading cell cell cell Cell Cell cell cell cell Cell Cell cell cell cell cell cell head Heading Heading Heading Heading cell cell cell Cell Cell cell cell cell Cell Cell cell cell cell cell cell head Heading Heading Heading Heading cell cell cell Cell Cell cell cell cell Cell Cell cell cell cell Cell Cell Online Documentation Support Rights reserve Dashboard Dashboard Users Users Users auth Reset Password Reset Password Mail Address send Password Reset Link account Sign Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Toggle contextual overlay display list link Bootstrap overview contextual overlay display list link interactive include Bootstrap toggle click hover intentional design decision build party library provide dynamic positioning viewport detection sure include Bootstrap use contain position dynamic positioning require build source require Examples Wrap toggle button link menu element declare position relative trigger element well fit potential need Result Variation training taxis shipping Consulting Office supply Variation training taxis shipping Consulting Office supply Sizes Button work button size include default split button result large button training taxis shipping Consulting Office supply medium button training taxis shipping Consulting Office supply small button training taxis shipping Consulting Office supply large button training taxis shipping Consulting Office supply medium button training taxis shipping Consulting Office supply small button training taxis shipping Consulting Office supply Accessibility design generic applicable variety situation markup structure instance possible create contain additional input form control search field login form reason Bootstrap expect automatically add role attribute require true ARIA menus author include specific attribute Bootstrap add build support standard keyboard menu interaction ability individual item element cursor key close menu ESC key Online Documentation Support Rights reserve Documentation Kit documentation getting start Components Avatars Alerts Buttons Badges Cards Collapse Forms Icons Progress Pagination Spinners Toasts Tables Typography Background Borders Colors Links Positions Spacing Transitions Cards Bootstrap card provide flexible extensible content container multiple variant option Example Cards build little markup style possible manage deliver ton control customization build offer easy alignment mix Bootstrap component margin default use space utility need example basic card mixed content fix width card fix width start naturally fill width parent element easily customize sizing option result Card title text card body card title text card body card Variations Conversion Rate total sale Net Revenue Basic Cards Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Basic Cards Bordered Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Basic Cards Background Add Edit Rename Delete Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Basic Cards Dark Background Add Edit Rename Delete Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document card Progress bar Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Cards Progress bar Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document project Add Edit Rename Delete Forward Notes Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document project Add Edit Rename Delete Forward Notes Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Search Basic Cards Center Align Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Search Basic Cards Center Align Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document card Footer Forward Notes Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Tasks Completed Cards Footer Forward Notes Add Edit Rename Delete Basic Cards Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Tasks Completed Basic Card Projects Users Tasks Add Edit Rename Delete Projects Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document user Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document task Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Basic Card Bordered Projects Users Tasks Add Edit Rename Delete Projects Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document user Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document task Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document project Users Tasks Events Add Edit Rename Delete Projects Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document user Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document task Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document event Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document project Users Tasks Events Add Edit Rename Delete Projects Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document user Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document task Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document event Docs scam appear widespread begin land user Wednesday sophisticated attack deceptive invitation edit Doc popular app write share file appear spread rapidly subject line state contact share document Online Documentation Support Rights reserve Dashboard Kit Notifications Clear New Update order update New Update order update John Doe profile Sign Dashboard Dashboard Documentation Examples Users Users add new Authentication Login Register Forgot Password Forgot Password Email Verification Settings Static page Dashboard Inventory Stock Month Orders History Month Marketing Total Income Conversion Rate Conversion Rate total sale Net Revenue New York London Tokyo Singapore total sale today Sales Net Profit total sale today Sales Net Profit total sale today Sales Net Profit total sale today Sales Net Profit balance Expenses profit available balance Total balance Cash Bank Account Recent Transactions ago balance update ago balance update ago marketing Expenses ago balance update visitor customer recent Orders Customer Phone Status Actions John Doe Acme Edit Delete John Doe Acme fulfilled Edit Delete John Doe Acme Edit Delete John Doe Acme cancel Edit Delete John Doe Acme fulfilled Edit Delete John Doe Acme Draft Edit Delete John Doe Acme fulfilled Edit Delete FAQ Support Contact Rights reserve build