Bootstrap Tabs With Special Character ID's

I'm trying to make a bootstrap tab nav bar that has ID's based on the file location. Example: home.html is in sample/default/home.html. However, the tab system doesn't work when I

Solution 1:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Reference: https://www.w3.org/TR/html4/types.html#type-id