Using DevExpress to create a mobile responsive page

Well the page is already made, what I need to do is change some of the elements inside the page to be more mobile friendly. It is quite the task, since the web page is using DevExpress and is already made in a way that might be difficult to change. In this case, I'm trying to make the login page mobile friendly. I think I might end up making a new one, should it prove too difficult to change the existing one.

EDIT 1: I'm checking out this website:

http://www.formget.com/how-to-make-simple-responsive-form-for-a-website/#

It seems to do what I want, even though it is not DevExpress. I don't like DevExpress. It simplifies some things and complicates others. Maybe I can just use this for the parts that should be mobile responsive like the login.

EDIT 2: Decided not to use the resource above. It is a couple of CSS files, but the whole project is in DevExpress. I should figure out how to do it in DevExpress. It won't be easy, since I've read as much as I could on mobile response in DevExpress and there's not a lot to go on.

EDIT 3: Again changed my mind and went with bootstrap. I followed through the simple login I made not too long ago and it's turning out pretty good. I just need to test it in mobile to make sure it works as intended.

EDIT 4: Login is looking good, I just need to test it on mobile.

EDIT 5: My problem now is publishing the project, which is not letting me. I am using my local IIS to enter through my phone so I can see the result. To achieve that I had to set my IIS to a port and then open that port in the Windows Firewall. But the problem now is the project won't publish. The error I'm getting says  Error : Copying file Inventory\Attachments\13_634703859621110000_Linchpin.htm

I'll see what I can get from that.

EDIT 6: I was able to fix the error. The problem was that even though in the folder that file didn't exist, in the Solution Explorer it did, along with many other "ghost" files. Thanks to this stackoverflow answer I was able to figure it out:

http://stackoverflow.com/questions/7969531/vs2010-wants-to-publish-a-non-existant-file-how-do-i-change-it

Now I'm getting an error related to the config file, but I'll figure it out eventually. If it becomes too much trouble I'll blog about it.

Web page won't show Bootstrap style

For some reason the web page I am publishing is not showing the Bootstrap style. The style is shown in the mobile browser and when I'm debugging, but when I try to access the page where I published it in ANY browser on my laptop, the Bootstrap style isn't shown. I intend to get to the bottom of this today. But I have no idea what could this be. If the style is shown in debugging and in the mobile browser, why isn't it shown in the normal PC browsers?
EDIT 1: SyntaxError: expected expression, got '==='

	.on('keydown.bs.dropdown.data-api', idown.prole, =======u(e) { e.('bs.collapse'

That's the error I'm getting. I don't know where those '===' are coming from, I check the line that's throwing the error and those equal signs are not there. The text is the same except for those equal signs.

EDIT 2: Well I forgot I didn't publish this, but I did solve it. The thing is, there was no problem at all. And I did refresh everything in the browsers, but what solved it was changing Internet connections. Weird as it sounds, but that's what did it.