What is the data-target attribute in Bootstrap 3

Question

Can you tell me what is the system or behavior behind the data-target attribute used by Bootstrap 3   I know that data-toggle used to aim API JavaScript of Bootstrap of graphical functionality

User · Answer

The toggle tells Bootstrap what to do and the target tells Bootstrap which element is going to open  So whenever a link like that is clicked  a modal with an id of    basicModal    will appear

User · Answer

data-target is used by bootstrap to make your life easier  You  mostly  do not need to write a single line of Javascript to use their pre-made JavaScript components   The data-target attribute should contain a CSS selector that points to the HTML Element that will be changed   Modal Example Code from BS3    lt  -- Button trigger modal -- gt   lt button class  btn btn-primary btn-lg  data-toggle  modal  data-target   myModal  gt    Launch demo modal  lt  button gt    lt  -- Modal -- gt   lt div class  modal fade  id  myModal  tabindex  -1  role  dialog  aria-labelledby  myModalLabel  aria-hidden  true  gt           lt  div gt    In this example  the button has data-target   myModal   if you click on it   lt div id  myModal  gt     lt  div gt  will be modified  in this case faded in   This happens because  myModal in CSS selectors points to elements that have an id attribute with the myModal value   Further information about the HTML5  data-  attribute  https   developer mozilla org en-US docs Web Guide HTML Using data attributes

[twitter-bootstrap-3] What is the `data-target` attribute in Bootstrap 3?

Examples related to twitter-bootstrap-3