Twitter bootstrap 如何使用此css文件进行响应性引导设计

需要使用以下带有引导的css文件进行响应性设计。这是我使用以下代码来创建我的菜单栏，我需要作出响应设计它

这是我的教程链接

var theToggle=document.getElementById（'toggle'）；
//基于托德格言函数
// https://toddmotto.com/labs/reusable-js/
//hasClass
函数类（元素，类名）{
返回新的RegExp（“”+className+“”）.test（“”+elem.className+“”）；
}
//addClass
函数addClass（元素，类名）{
if（！hasClass（元素，类名））{
elem.className+=''类名称；
}
}
//移除类
函数removeClass（元素，类名）{
var newClass=''+elem.className.replace（/[\t\r\n]/g''）+''；
if（hasClass（元素，类名））{
while（newClass.indexOf（“”+className+“”）>=0）{
newClass=newClass.replace（''+className+''）；
}
elem.className=newClass.replace（/^\s+|\s+$/g'）；
}
}
//切换类
函数toggleClass（元素，类名）{
var newClass=''+elem.className.replace（/[\t\r\n]/g，''）+''；
if（hasClass（元素，类名））{
而（newClass.indexOf（“+className+”）>=0）{
newClass=newClass.replace（“+className+”，“”）；
}
elem.className=newClass.replace（/^\s+|\s+$/g'）；
}否则{
elem.className+=''类名称；
}
}
theToggle.onclick=函数（）{
切换类（此为“开”）；
返回false；
}

/*重要样式*/
#拨动{
显示：块；
宽度：28px；
高度：30px；
利润率：30px自动10px；
}
#切换范围：之后，
#切换范围：之前{
内容：“；
位置：绝对位置；
左：0；
顶部：-9px；
}
#切换范围：之后{
顶部：9px；
}
#切换跨度{
位置：相对位置；
显示：块；
}
#切换跨度，
#切换范围：之后，
#切换范围：之前{
宽度：100%；
高度：5px；
背景色：#888；
过渡：均为0.3秒；
背面可见性：隐藏；
边界半径：2px；
}
/*论激活*/
#在跨度上切换{
背景色：透明；
}
#切换。打开范围：之前{
变换：旋转（45度）平移（5px，5px）；
}
#切换。打开范围：之后{
变换：旋转（-45度）平移（7px，-8px）；
}
#切换.on+#菜单{
不透明度：1；
能见度：可见；
}
/*菜单外观*/
#菜单{
位置：相对位置；
颜色：#999；
宽度：200px；
填充：10px；
保证金：自动；
字体系列：“Segoe UI”、Candara、“Bitstream Vera Sans”、“DejaVu Sans”、“Bitstream Vera Sans”、“投石机MS”、Verdana、“Verdana Ref”、无衬线；
文本对齐：居中；
边界半径：4px；
背景：白色；
盒影：0 1px 8px rgba（0,0,0,0.05）；
/*就为了这个演示*/
不透明度：0；
可见性：隐藏；
过渡：不透明度；
}
#菜单：之后{
位置：绝对位置；
顶部：-15px；
左：95px；
内容：“；
显示：块；
左边框：15px实心透明；
右边框：15px实心透明；
边框底部：20px纯白；
}
ul，li，li a{
列表样式：无；
显示：块；
保证金：0；
填充：0；
}
李阿{
填充物：5px；
颜色：#888；
文字装饰：无；
过渡：all.2s；
}
李a：悬停，
李娜：焦点{
背景：#1ABC9C；
颜色：#fff；
}
/*演示样式*/
正文{页边顶部：3em；背景：#eee；颜色：#555；字体系列：“开放式Sans”、“Segoe UI”、Helvetica、Arial、Sans serif；}
p、 PA{字体大小：12px；文本对齐：居中；颜色：#888；}

试验

这是一个代码笔错误页面。意思是说你想设计这样的页面，具有响应性？不，请查看我编辑的链接。我想，在某种程度上，要实现此css的响应性，你必须根据需要应用适当的col-*引导类。你的意思是，我可以在html文件中更改此设置吗？不清楚你在问什么。请重新考虑你的问题。要学习bootstrap，这不是一个好地方。阅读你在网上很容易找到的教程，解释一下，以前的代码有什么问题，你做了什么会有帮助？我应该新更改什么@Swadesh dash我的意思是我可以只更改html文件。col标记不会更改css文件@ParthGoswamiNo中的任何内容。我建议对你的html文件应用col类。在html中，只使用引导类。不需要任何东西

[1]: http://codepen.io/CreativeJuiz/pen/oCBxz