What is the `data-target` attribute in Bootstrap 3?

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:

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  [...]
</div>

In this example, the button has data-target="#myModal", if you click on it, <div id="myModal">...</div> 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

Related Posts:

  1. When is K 1024 and when is it 1000?
  2. Dial pad to get phone number (with Android button images)
  3. Why is it not possible to fake an IP address?
  4. Authentication versus Authorization
  5. What is tail recursion?
  6. Visual List of iOS Fonts?
  7. How to get rid of the “No bootable medium found!” error in Virtual Box? [closed]
  8. ‘git’ is not recognized as an internal or external command
  9. what is svn? and how to use it with project?
  10. How can I write a `try`/`except` block that catches all exceptions?
  11. How do I decompile a .dll file?
  12. What’s the purpose of git-mv?
  13. How to write trycatch in R
  14. how to use proxy on youtube-dl?
  15. SSH -X “Warning: untrusted X11 forwarding setup failed: xauth key data not generated”
  16. LINQ equivalent of foreach for IEnumerable
  17. How to do vlookup and fill down (like in Excel) in R?
  18. How to change btn color in Bootstrap
  19. Using “super” in C++
  20. What is the difference between application server and web server?
  21. Were jprobes removed from kernel v4?
  22. ldap_sasl_bind(SIMPLE): Can’t contact LDAP server(-1)
  23. PHP – Failed to open stream : No such file or directory
  24. How to extract the substring between two markers?
  25. Code-first vs Model/Database-first
  26. How to resolve git’s “not something we can merge” error
  27. Even though JRE 8 is installed on my MAC -” No Java Runtime present,requesting to install ” gets displayed in terminal
  28. What fonts can I use with pygame.font.Font?
  29. CSS Box Shadow Bottom Only
  30. How to squash all git commits into one?
  31. how to fix Javac invalid flag error?
  32. bootstrap 3 tabs not working properly
  33. PHP & MySQL: mysqli_num_rows() expects parameter 1 to be mysqli_result, boolean given
  34. “Insert if not exists” statement in SQLite
  35. Web API Error – This request has been blocked; the content must be served over HTTPS
  36. How can I delete all of my Git stashes at once?
  37. How to create temp table using Create statement in SQL Server?
  38. Error while trying to retrieve text for error ORA-01019
  39. What is meant by diameter of a network?
  40. What is the “N+1 selects problem” in ORM (Object-Relational Mapping)?
  41. HTML Best Practices: Should I use ’ or the special keyboard shortcut?
  42. What is runtime in context of Python? What does it consist of?
  43. mount.nfs: requested NFS version or transport protocol is not supported
  44. How do you get the file size in C#?
  45. how to use svm in Weka Classsifier?
  46. MIPS ‘nor’ usage in code
  47. How can I center

Leave a Comment

error code: 523